:root{--bg:#faf8f6;--card:#ffffff;--accent:#6b4f9b;--muted:#66656b;--max:1100px;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0;color:#111;display:flex;justify-content:center;padding:28px}.app{width:100%;max-width:var(--max)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.logo{font-weight:700;color:var(--accent);font-size:20px}.nav a{margin-left:14px;color:var(--muted);text-decoration:none;font-size:15px}.nav a:hover{color:var(--accent)}.hero{background:linear-gradient(180deg,rgba(107,79,155,.06),transparent);padding:28px;border-radius:var(--radius);display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:center}.hero h1{margin:0;font-size:28px}.hero p{color:var(--muted);margin-top:8px}.btn{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none}.btn:hover{background:#5a3a8e;transform:translateY(-1px);transition:all .2s ease}.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 6px 18px #1212140a}.card:hover{box-shadow:0 10px 25px #12121414;transform:translateY(-2px);transition:all .2s ease}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.muted{color:var(--muted);font-size:13px}.footer{margin-top:28px;color:var(--muted);font-size:13px;padding:12px;text-align:center}@media (max-width:880px){.hero{grid-template-columns:1fr;padding:18px}.header{flex-direction:column;gap:12px}.nav{display:flex;flex-wrap:wrap;gap:12px;margin-left:0}.nav a{margin-left:0}.about-content{flex-direction:column!important}.about-image{flex:0 0 auto!important;width:150px!important;margin:0 auto 16px!important}.about-text{text-align:center}}