:root{--primary-color:#50F3FF;--primary-600:#2ED3E0;--primary-700:#17A9B6;--bg-color:#011029;--surface-color:#0B2747;--surface-elev:#10335B;--text-color:#E7F1F7;--muted-color:#9AB6C8;--white:#DEE2E6;--danger:#FF5E5E;--warning:#FFC857;--success:#37E0A1;--font-sans: "Poppins", "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: clamp(1.35rem, 2.5vw, 1.75rem);--fs-xl: clamp(1.8rem, 3.5vw, 2.5rem);--fs-2xl: clamp(2.2rem, 5vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-2xl:1.5rem;--shadow-1: 0 6px 18px rgba(0,0,0,.35);--shadow-glow: 0 0 0 4px rgba(46,211,224,.25);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--z-nav: 1000;--z-overlay: 1100}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-color);background:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-600)}:focus-visible{outline:2px solid var(--primary-700);outline-offset:3px}.container{width:min(1200px,100% - 2rem);margin-inline:auto}.section{padding-block:var(--space-7)}.grid{display:grid;gap:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;border:0;cursor:pointer;transition:transform .08s ease}.btn-primary{background:var(--primary-color);color:#00222a;box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--primary-600)}.btn-primary:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--shadow-glow)}.card{background:var(--surface-color);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-1)}.hero-title{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.15}.hero-sub{font-size:var(--fs-md);color:var(--muted-color);max-width:60ch}@media (min-width: 768px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}