@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexmono.woff2) format('woff2')}
body{margin:0}
.sc{min-height:100vh}
html{scroll-behavior:smooth}
.skip{position:absolute;left:-9999px;top:8px;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:8px;font-weight:700;z-index:99}
.skip:focus{left:8px}
.sc a:focus-visible,.sc button:focus-visible,.sc input:focus-visible,.sc select:focus-visible,.sc textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.prose h2{font-family:'Bricolage Grotesque','Manrope',system-ui,sans-serif;font-size:28px;letter-spacing:-.02em;line-height:1.15;margin:40px 0 12px}
.prose p{margin:0 0 16px}
.prose ul{list-style:disc;padding-left:24px;margin:0 0 16px;display:block}
.prose li{margin-bottom:8px}
.prose a{color:var(--teal);font-weight:600;text-decoration:underline}
.form-status{font-weight:600;min-height:24px}
.form-status.ok{color:var(--teal)}
.form-status.err{color:var(--coral)}
@media(max-width:560px){.sc [style*="grid-template-columns: 40px 1fr auto"]{grid-template-columns:40px 1fr !important}.sc [style*="grid-template-columns: 40px 1fr auto"]>.chip{grid-column:2;justify-self:start}}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.sc{--bg:#061423;--card:#0C2238;--card2:#0F2B46;--line:#1E3A56;--grid:rgba(143,180,214,.09);--text:#EAF0F6;--muted:#A9B8C8;--teal:#4FD1C5;--tealfill:#4FD1C5;--tint:rgba(79,209,197,.12);--amber:#F5A623;--coral:#FF6B4A;--ink:#0A1F33;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;font-size:17px;line-height:1.6}
html[data-theme="light"] .sc{--bg:#F6F8FA;--card:#FFFFFF;--card2:#EEF3F7;--line:#D8E0E9;--grid:rgba(10,31,51,.07);--text:#0A1F33;--muted:#44546A;--teal:#0B6B71;--tealfill:#0F8B8D;--tint:#E3F3F2}
.sc *{box-sizing:border-box}
.sc a{color:inherit;text-decoration:none}
.sc p{margin:0}
.sc ul{list-style:none;margin:0;padding:0}
.sc .gridbg{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px}
.sc .h{font-family:'Bricolage Grotesque','Manrope',system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.06;margin:0}
.sc .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.sc .muted{color:var(--muted)}
.sc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:12px;font-weight:700;font-size:16px;border:1.5px solid transparent}
.sc .btn-a{background:var(--amber);color:var(--ink)}
.sc .btn-a:hover{background:#FFB93E}
.sc .btn-g{border-color:var(--line);color:var(--text)}
.sc .btn-g:hover{border-color:var(--teal)}
.sc .card{background:var(--card);border:1px solid var(--line);border-radius:18px}
.sc .chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--tint);color:var(--teal);font-weight:600;font-size:14px}
.sc .tl{color:var(--teal);font-weight:700}
.sc .tl:hover{text-decoration:underline}
.sc .navlink:hover{color:var(--teal)}
.sc .fl{color:var(--muted);font-size:15px}
.sc .fl:hover{color:var(--teal)}
.sc .field{min-height:48px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:16px;width:100%}
.sc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:12px;font-weight:700;font-size:16px;border:1.5px solid transparent;cursor:pointer;font-family:inherit}
.sc textarea.field{padding:12px 16px;min-height:110px;resize:vertical}
.sc .lbl{font-weight:700;font-size:15px}
