:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:radial-gradient(circle at top,rgba(14,165,233,.2),transparent 40%),linear-gradient(135deg,#f8fafc,#dbeafe 50%,#fef3c7)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,a{font:inherit}#root{min-height:100vh}.app-shell{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{display:flex;gap:1.5rem;justify-content:space-between;align-items:flex-start;padding:1.5rem;margin-top:1rem}.hero-kicker,.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#0369a1;font-weight:700}.hero h2,.page-card h1{margin:.35rem 0 0}.top-nav{display:flex;flex-wrap:wrap;gap:.75rem}.nav-link{text-decoration:none;color:#0f172a;padding:.75rem 1rem;border-radius:999px;background:#fff9;border:1px solid rgba(15,23,42,.08)}.nav-link-active{background:#0f172a;color:#f8fafc}.page-card{background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 25px 70px #0f172a1f;border-radius:28px;padding:2rem;margin-top:1rem}.page-copy{max-width:58ch;line-height:1.7;color:#334155}.button-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button-row button{border:none;border-radius:16px;padding:.95rem 1.2rem;cursor:pointer;color:#f8fafc;background:linear-gradient(135deg,#0284c7,#0f172a);box-shadow:0 16px 30px #0284c740}.button-row button:hover{transform:translateY(-1px)}@media (max-width: 720px){.app-shell{width:min(100% - 1rem,1080px)}.hero{flex-direction:column;padding:1rem .5rem}.page-card{padding:1.5rem}.button-row button,.nav-link{width:100%;text-align:center}}