@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root { color-scheme: dark; --ink:#f4f1e8; --muted:#9d9a92; --lime:#c9ff65; --panel:#171916; --line:#31342f; --danger:#ff796b; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:#0d0f0c; color:var(--ink); font:15px/1.6 Manrope,system-ui,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.25; background:radial-gradient(circle at 50% 0,#384329 0,transparent 42%); }
button,input,textarea { font:inherit; }
.site-header,main,footer { width:min(1120px,calc(100% - 40px)); margin:auto; position:relative; }
.site-header { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-size:20px; font-weight:700; letter-spacing:-.5px; }.brand span{color:var(--lime)}
.privacy-pill { border:1px solid var(--line); border-radius:99px; padding:7px 13px; color:var(--muted); font-size:12px; }.privacy-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 10px var(--lime)}
main { padding:88px 0 70px; }.hero{text-align:center;max-width:790px;margin:0 auto 65px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--lime);font:500 11px DM Mono,monospace;margin:0 0 14px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.03;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:var(--lime)}.lede{max-width:620px;margin:28px auto;color:var(--muted);font-size:17px}.steps{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.steps b{width:45px;height:1px;background:var(--line)}
.workspace { max-width:920px; margin:auto; border:1px solid var(--line); background:rgba(23,25,22,.94); box-shadow:0 30px 80px #0008; }.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;border:0;background:transparent;color:var(--muted);padding:20px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--lime)}.panel{padding:42px}.panel:not(.active){display:none}.field-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}label{display:grid;gap:9px;margin-bottom:22px;font-size:12px;font-weight:600;letter-spacing:.03em}input,textarea{width:100%;border:1px solid var(--line);background:#0f110e;color:var(--ink);padding:14px 15px;outline:none;border-radius:2px}textarea{resize:vertical;font-family:DM Mono,monospace;font-size:13px}input:focus,textarea:focus{border-color:#7d9b47;box-shadow:0 0 0 3px #c9ff6510}.field-note{color:var(--muted);font-size:12px;margin:-10px 0 22px}.primary,.secondary{border:1px solid var(--lime);padding:13px 18px;font-weight:700;cursor:pointer}.primary{background:var(--lime);color:#11140d}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.4;cursor:not-allowed}.primary:not(:disabled):hover{background:#dcff9b}.secondary:not(:disabled):hover{border-color:var(--lime)}#prepare-button{width:100%;display:flex;justify-content:space-between}
.result-card{border-top:1px solid var(--line);margin:38px -42px -42px;padding:36px 42px;background:#121410}.hidden{display:none}.result-heading{display:flex;justify-content:space-between;align-items:center}.result-heading h2,.verify-intro h2{margin:0;font-size:25px}.status-dot{font:11px DM Mono,monospace;color:var(--lime);border:1px solid #526a36;padding:5px 9px;border-radius:99px}.result-card code{display:block;margin:24px 0;padding:18px;border:1px solid var(--line);background:#090b08;color:var(--lime);font:12px/1.7 DM Mono,monospace;overflow-wrap:anywhere}.result-card details{color:var(--muted);font-size:12px}.result-card pre{white-space:pre-wrap;border-left:2px solid var(--line);padding:12px 16px;color:var(--ink);font:12px/1.7 DM Mono,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.status-text{min-height:1.5em;color:var(--muted);font-size:12px;margin:16px 0 0}.status-text.error{color:var(--danger)}
.verify-intro{margin-bottom:28px}.verify-intro>p:last-child{color:var(--muted)}.file-drop{border:1px dashed #52564e;padding:22px;display:flex;justify-content:space-between;cursor:pointer}.file-drop:hover{border-color:var(--lime)}.file-drop span{color:var(--muted);font-weight:400}.file-drop input{display:none}.verification-result{margin-top:22px;padding:0}.verification-result.success,.verification-result.failure{padding:18px;border:1px solid}.verification-result.success{border-color:#668b38;color:var(--lime);background:#c9ff6508}.verification-result.failure{border-color:#8d433c;color:var(--danger);background:#ff796b08}.verification-result code{display:block;color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:11px}
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:#6f726b;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:650px){.site-header{height:70px}.privacy-pill{font-size:0}.privacy-pill i{margin:0}.site-header,main,footer{width:min(100% - 24px,1120px)}main{padding-top:60px}.hero{margin-bottom:42px}.field-row{grid-template-columns:1fr;gap:0}.panel{padding:24px}.result-card{margin:30px -24px -24px;padding:28px 24px}.actions button{width:100%}footer{gap:16px;flex-direction:column}.file-drop{flex-direction:column}}
