:root{color-scheme:light;--bg:#0b0e14;--bg-alt:#161b26;--text:#e9edf8;--muted:#b2bdd6;--brand:#74f0ff;--brand-strong:#2ecde4;--border:#273146;--card:#101624;--success:#7cf0aa}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{--bg:#f6f8ff;--bg-alt:#fff;--text:#172033;--muted:#52607a;--brand:#007a96;--brand-strong:#005f74;--border:#d4deef;--card:#fff;--success:#1e8f52}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--brand)}.container{width:min(1200px,92vw);margin:0 auto;padding:1.4rem 0 4rem}.section{background:var(--card);border:1px solid var(--border);border-radius:18px;margin:1rem 0;padding:1.25rem;box-shadow:0 18px 40px -35px #000000d9}h1,h2,h3{margin-top:0;line-height:1.2}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}.btn{background:var(--brand);color:#001017;cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-block}form .btn{background:color-mix(in oklab, var(--brand) 30%, #0a1626 70%);color:#f5fbff;border:1px solid color-mix(in oklab, var(--brand) 45%, #142235 55%)}:root[data-theme=light] form .btn{background:color-mix(in oklab, var(--brand) 14%, #fff 86%);color:#113043;border:1px solid color-mix(in oklab, var(--brand) 32%, #d6e5ef 68%)}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--brand-strong);color:#fff;box-shadow:0 12px 25px -14px color-mix(in oklab, var(--brand) 55%, black);transform:translateY(-1px)}}.grid{gap:1rem;display:grid}@media (width>=768px){.section{margin:1.3rem 0;padding:1.8rem}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){body{line-height:1.7}.container{padding-top:2rem}.grid.cols-3{gap:1.2rem}}input,textarea,select{border:1px solid var(--border);background:var(--bg-alt);width:100%;color:var(--text);border-radius:8px;margin-top:.25rem;padding:.65rem}label{margin:.7rem 0;font-weight:600;display:block}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}