@font-face{font-family:'Geologica';font-weight:500 800;font-display:swap;src:url(fonts/geologica-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:'Geologica';font-weight:500 800;font-display:swap;src:url(fonts/geologica-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Onest';font-weight:400 700;font-display:swap;src:url(fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:'Onest';font-weight:400 700;font-display:swap;src:url(fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
*{box-sizing:border-box}
html,body{margin:0;background:#0a0a0a;color:#f2f2f2;font:16px/1.5 Onest,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.g{max-width:620px;margin:0 auto;padding:40px 18px 60px}
.g-brand{display:flex;align-items:center;gap:10px;font:700 17px Geologica,Onest,sans-serif;margin-bottom:22px}
.g-brand img{image-rendering:pixelated}
.g-card{background:#111;border:1px solid #222;border-radius:16px;padding:26px 24px;margin-bottom:16px}
h1{font:800 26px/1.15 Geologica,Onest,sans-serif;margin:0 0 8px;letter-spacing:-.01em}
.g-sub{color:#8a8a8a;margin:0 0 20px}
label,.g-lbl{display:block;font:500 12px 'JetBrains Mono',ui-monospace,monospace;color:#8a8a8a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #2a2a2a;background:#0a0a0a;color:#f2f2f2;font:500 17px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em;outline:none}
input:focus{border-color:#c6ff3d}
#g-btn{margin-top:14px;width:100%;padding:14px;border:0;border-radius:10px;background:#c6ff3d;color:#0a0a0a;font:700 16px Geologica,Onest,sans-serif;cursor:pointer}
#g-btn[disabled]{opacity:.6;cursor:progress}
.g-err{margin:12px 0 0;color:#ff8a7a;font-size:14px}
.g-ok{display:inline-block;background:rgba(198,255,61,.12);color:#c6ff3d;border:1px solid rgba(198,255,61,.35);border-radius:999px;padding:4px 12px;font-weight:600;font-size:13px;margin-bottom:12px}
.g-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 18px;font-size:14px}
.g-facts dt{color:#8a8a8a}.g-facts dd{margin:0}
.g-field{margin-top:16px}
.g-copy{display:flex;gap:8px;align-items:stretch}
.g-copy code{flex:1;min-width:0;overflow-wrap:anywhere;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;padding:11px 12px;font:500 14px 'JetBrains Mono',ui-monospace,monospace;color:#c6ff3d}
.g-copy button{flex:0 0 auto;border:1px solid #2a2a2a;background:#181818;color:#f2f2f2;border-radius:10px;padding:0 14px;font:600 13px Onest,sans-serif;cursor:pointer}
.g-copy button:hover{border-color:#555}
.g-note{color:#8a8a8a;font-size:13px;margin:6px 0 0}
pre{margin:0;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;padding:12px;font:13px/1.5 'JetBrains Mono',ui-monospace,monospace;color:#cfcfcf;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:520px){.g{padding:24px 12px 40px}.g-card{padding:20px 16px}h1{font-size:22px}.g-copy{flex-direction:column}.g-copy button{padding:10px}}
.g-guide h2{font:800 20px/1.2 Geologica,Onest,sans-serif;margin:0 0 12px}
.g-guide ol{margin:0;padding-left:20px;display:grid;gap:12px;color:#d8d8d8;font-size:15px}
.g-guide b{color:#f2f2f2}
.g-guide pre{margin-top:8px}
.g-guide code{font:500 13px 'JetBrains Mono',ui-monospace,monospace;color:#c6ff3d;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}