:root{--bg:#070b11;--panel:#0c1320;--card:#0b1424;--brand-300:#82eaff;--brand-400:#4fdff4;--brand-500:#29cfe8;--brand-600:#17b4cf;--brand-700:#0e97b1;--brand-800:#0b7b91;--brand:var(--brand-500);--accent:var(--brand-300);--ring:color-mix(in oklab,var(--brand-400) 60%,#fff 20%);--text:#e6f6fb;--muted:#a8c0cb;--line:hsla(0,0%,100%,.1);--radius:12px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:3rem;--fs-xs:clamp(.78rem,.74rem + .2vw,.85rem);--fs-sm:clamp(.9rem,.86rem + .25vw,1rem);--fs-md:clamp(1rem,.96rem + .3vw,1.125rem);--fs-lg:clamp(1.25rem,1.1rem + .8vw,1.6rem);--fs-xl:clamp(1.6rem,1.3rem + 1.8vw,2.4rem);--fs-2xl:clamp(2rem,1.6rem + 3vw,3.2rem);--logo-w:140px}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6;font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-300);text-decoration:underline}canvas,img,svg,video{max-width:100%;height:auto;display:block}.container{width:100%;margin-inline:auto;padding-inline:var(--space-5);max-width:1200px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(7,11,17,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.navbar .container{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding-block:var(--space-4);position:relative}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:.5rem;background:transparent;color:var(--text);cursor:pointer}.nav-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.navmenu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:.6rem;background:color-mix(in oklab,var(--panel) 90%,#000 10%);border:1px solid var(--line);border-radius:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}.navmenu.open{display:block}.navmenu .navlinks{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.navmenu .navlinks a{border-radius:.55rem;padding:.6rem .8rem;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--card))}@media (min-width:768px){.nav-toggle{display:none}.navmenu{display:block;position:static;padding:0;background:transparent;border:0;box-shadow:none}.navmenu .navlinks{display:flex;gap:.75rem;overflow:visible}.navmenu .navlinks a{white-space:nowrap;padding:.45rem .7rem;border:1px solid var(--line);background:transparent}}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--fs-sm)}@media (min-width:768px){:root{--logo-w:180px}}@media (min-width:1024px){:root{--logo-w:220px}}@media (min-width:1536px){:root{--logo-w:260px}}.navlinks{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin}.navlinks a{white-space:nowrap;padding:.45rem .7rem;border:1px solid var(--line);border-radius:.5rem}.navlinks a:hover{text-decoration:none}.hero{padding:clamp(2.5rem,6vw,5rem) var(--space-5);text-align:center;background:radial-gradient(900px 420px at 50% -10%,color-mix(in oklab,var(--brand-500) 18%,transparent),transparent),radial-gradient(600px 280px at 80% 0,color-mix(in oklab,var(--brand-700) 16%,transparent),transparent)}.hero h1{font-size:var(--fs-2xl);margin:0;letter-spacing:.2px}.hero p{color:var(--muted);font-size:var(--fs-sm);margin-top:.75rem}.section{padding-block:clamp(2rem,5vw,3rem)}h1{font-size:var(--fs-xl);line-height:1.2}h1,h2{margin:0 0 .6rem}h2{font-size:var(--fs-lg);line-height:1.25;letter-spacing:.3px}h3{font-size:1.05rem;margin:0 0 .35rem}.badge{font-size:.75rem;color:#031e24;background:var(--brand-400);padding:.2rem .5rem;border-radius:.3rem;font-weight:700;display:inline-block}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:linear-gradient(180deg,var(--card),color-mix(in oklab,var(--panel) 85%,#000 15%));border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5)}.btn,.cta,button.cta{display:inline-block;padding:.65rem .95rem;border-radius:.65rem;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;text-align:center}.cta,button.cta{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));color:#031e24;border:none;box-shadow:0 6px 18px color-mix(in oklab,var(--brand-600) 24%,transparent)}.cta:hover,button.cta:hover{background:linear-gradient(180deg,var(--brand-400),var(--brand-600))}.btn:focus-visible,.cta:focus-visible,button.cta:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.list{margin:0;padding-left:1.1rem}.list li{margin:.25rem 0}form{max-width:720px;margin:0 auto}label{display:block;margin-top:.8rem;margin-bottom:.3rem;font-weight:600}input,select,textarea{width:100%;padding:.7rem .8rem;border-radius:.5rem;border:1px solid var(--line);background:#0e1b2c;color:var(--text);font-size:var(--fs-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-600) 35%,transparent)}textarea{resize:vertical}small.hint{color:var(--muted)}.table-responsive{overflow-x:auto;max-width:100%}.table{width:100%;border-collapse:collapse;min-width:520px}.table td,.table th{border-bottom:1px solid var(--line);padding:.6rem .4rem;text-align:left;font-size:var(--fs-sm)}.footer{margin-top:var(--space-8);padding:var(--space-7) var(--space-5);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (min-width:480px){.brand{font-size:1rem}}@media (min-width:768px){.container{max-width:720px}.hero p{font-size:var(--fs-md)}.navbar .container{grid-template-columns:auto 1fr}.navlinks{justify-content:flex-end;gap:.75rem;overflow:visible}.btn,.cta,button.cta{padding:.7rem 1rem}}@media (min-width:1024px){.container{max-width:960px}.hero{text-align:center}.hero h1{font-size:var(--fs-2xl)}}@media (min-width:1280px){.container{max-width:1120px}.hero{padding-block:5rem}}@media (min-width:1536px){.container{max-width:1240px}}