:root{--bg:#050816;--panel:#0b1024;--card:rgba(255,255,255,.08);--border:rgba(255,255,255,.14);--text:#f8fafc;--muted:#9fb0c8;--brand:#7dd3fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:28px}.brand{font-size:24px;font-weight:900;margin-bottom:28px}nav{display:grid;grid-gap:10px;gap:10px}nav a{padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none}.workspace{padding:48px}.hero{border:1px solid var(--border);border-radius:28px;padding:32px;background:var(--card)}h1{font-size:56px;line-height:1;margin:0 0 16px}p{color:var(--muted)}.grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{border:1px solid var(--border);border-radius:20px;background:var(--card);padding:20px}@media (max-width:900px){.grid,.shell{grid-template-columns:1fr}}