:root{color-scheme:dark;--bg:#070a12;--panel:#111726;--line:#24304a;--text:#f5f7ff;--muted:#9ca8c4;--accent:#8b5cf6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#2a1d53 0,var(--bg) 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 24px}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;letter-spacing:-.04em}.button{display:inline-flex;padding:11px 18px;border-radius:10px;background:var(--accent);font-weight:700;border:0;color:white;cursor:pointer}.hero{min-height:680px;display:grid;place-items:center;text-align:center}.hero h1{max-width:850px;font-size:clamp(44px,7vw,82px);line-height:1;letter-spacing:-.06em;margin:0}.hero p{max-width:650px;color:var(--muted);font-size:20px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding:40px 0 100px}.card{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:16px;padding:24px}.muted{color:var(--muted)}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);padding:24px}.sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:36px}.sidebar a{padding:12px;border-radius:9px;color:var(--muted)}.sidebar a:hover{background:var(--panel);color:var(--text)}.content{padding:48px;max-width:1100px}@media(max-width:760px){.app,.grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.content{padding:24px}}