:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b17;color:#f7f7fc;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;padding:0;background:radial-gradient(circle at top,rgba(56,119,255,.15),transparent 35%),linear-gradient(180deg,#070b17,#090d1f 36%,#05070f)}.app-shell{min-height:100vh;padding:24px 18px 32px;display:flex;flex-direction:column;gap:24px}.hero{display:grid;gap:18px}.hero-copy{display:grid;gap:10px}.eyebrow{margin:0;color:#7a8cff;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem)}.subtitle{margin:0;max-width:34rem;color:#c7c9d8;font-size:1rem}.note-card{padding:18px;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d6d7e8;font-size:.95rem}.card-grid{display:grid;gap:16px}.card{padding:22px 20px;border-radius:24px;background:#0d142ef2;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 45px #00000021;font-size:1.05rem;font-weight:600;transition:transform .2s ease,background .2s ease}.card:hover{transform:translateY(-2px);background:#1b285ff2}@media (min-width: 640px){.app-shell{padding:32px 32px 40px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}