*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 55%,#000);color:#f9fafb;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.page-shell{max-width:1040px;margin:0 auto;padding:1.2rem 1.1rem 2.5rem}.page-title{font-size:1.6rem;font-weight:650;letter-spacing:.03em;margin:0 0 .4rem}.page-subtitle{margin:0 0 1rem;font-size:.95rem;color:#e2e8f0eb}.card{border-radius:24px;border:1px solid rgba(148,163,184,.6);background:radial-gradient(circle at top left,#94a3b829,#0f172af5);box-shadow:0 18px 40px #000000a6;padding:.9rem 1rem}.card-soft{border-radius:20px;border:1px solid rgba(30,64,175,.45);background:radial-gradient(circle at top left,#2563eb29,#0f172afa);box-shadow:0 14px 32px #0f172acc;padding:.85rem .95rem}.btn-primary{border-radius:999px;border:1px solid rgba(59,130,246,1);background:linear-gradient(135deg,#2563eb,#4f46e5);color:#f9fafb;padding:.45rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 14px 30px #2563eb73;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #2563eb8c;background:linear-gradient(135deg,#1d4ed8,#4338ca)}.btn-secondary{border-radius:999px;border:1px solid rgba(148,163,184,.85);background:#0f172af5;color:#e5e7eb;padding:.4rem 1.1rem;font-size:.86rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}.btn-secondary:hover{background:#1e40afe6;box-shadow:0 10px 26px #0f172abf;transform:translateY(-1px)}.btn-ghost{border-radius:999px;border:1px solid transparent;background:transparent;color:#94a3b8e6;padding:.35rem .8rem;font-size:.8rem;cursor:pointer}.btn-ghost:hover{background:#0f172ad9}.badge-pill{border-radius:999px;padding:.15rem .6rem;font-size:.78rem;border:1px solid rgba(148,163,184,.8);background:#0f172ae6;color:#e2e8f0f2}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}@media (max-width: 640px){.page-shell{padding-top:3.2rem}}