:root{color-scheme:dark;font-family:Inter,Segoe UI,Noto Sans KR,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:radial-gradient(circle at top,rgba(59,130,246,.35),transparent 36%),linear-gradient(180deg,#020617,#0f172a)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:grid;align-content:center;gap:28px;padding:48px 24px;width:min(1100px,100%);margin:0 auto}.hero{padding:28px;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:#0f172aad;box-shadow:0 24px 60px #02061759;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 12px;letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;font-size:.8rem}.hero h1{margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;color:#f8fafc;max-width:14ch}.lede{margin:18px 0 0;max-width:68ch;color:#cbd5e1;font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{padding:22px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;box-shadow:0 18px 40px #02061740}.card h2{margin:0 0 10px;font-size:1.1rem;color:#f8fafc}.card p{margin:0;color:#cbd5e1}.footer-note{color:#94a3b8;font-size:.95rem}.footer-note code{padding:.15rem .35rem;border-radius:.35rem;background:#0f172acc;color:#e2e8f0}