@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Varela Round;src:url(/fonts/varela-round-latin.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg: #1C1C24;--surface: #292933;--green: #33A659;--green-dark: #2B8F4C;--orange: #E68C40;--cranberry: #A62640;--text: #E8E5DF;--text-muted: rgba(232, 229, 223, .55);--dim: #8C8C99;--border: #3A3A4A}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55;min-height:100vh;display:flex;flex-direction:column}a{color:var(--green)}a:hover{color:var(--green-dark)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1c1c24e6;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}.brand img{width:40px;height:40px;border-radius:9px}.brand-name{font-family:Varela Round,sans-serif;font-size:1.5rem;-webkit-text-stroke:1px var(--text);color:var(--text)}.topbar-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:2.25rem 2rem 3rem}#browser-warning{background:var(--surface);border:1px solid var(--orange);border-left:4px solid var(--orange);padding:1.25rem 1.5rem;border-radius:10px;margin-bottom:2rem}#browser-warning h2{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;color:var(--orange);margin-bottom:.5rem}#browser-warning p{margin:.4rem 0;color:var(--text)}#browser-warning .muted{color:var(--text-muted);font-size:.92rem}.action{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.action-left h1{font-family:Space Grotesk,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin-bottom:.6rem}.lede{font-size:1.05rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.steps{list-style:none;counter-reset:stepcount;padding:0;margin:0 0 1.5rem}.steps li{counter-increment:stepcount;position:relative;padding:.35rem 0 .35rem 2.1rem;color:var(--text)}.steps li:before{content:counter(stepcount);position:absolute;left:0;top:.35rem;width:1.5rem;height:1.5rem;background:var(--surface);color:var(--green);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.82rem;border:1px solid var(--border)}.steps strong{color:var(--text)}.tip{margin:1rem 0 1.5rem;padding:.85rem 1rem;background:#32323c66;border-left:3px solid var(--orange);border-radius:6px;font-size:.92rem;color:var(--text-muted);line-height:1.5}.tip strong{color:var(--text)}#controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem}button{font:inherit;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.04em;padding:.85rem 1.5rem;border-radius:8px;cursor:pointer;border:none;transition:background .15s,color .15s,border-color .15s}.btn-primary{background:var(--green);color:#fff}.btn-primary:not(:disabled):hover{background:var(--green-dark)}.btn-secondary{background:transparent;color:var(--green);border:2px solid var(--green);padding:calc(.85rem - 2px) calc(1.5rem - 2px)}.btn-secondary:not(:disabled):hover{background:var(--green);color:#fff}button:disabled{background:var(--surface);color:var(--dim);border-color:var(--border);cursor:not-allowed}.btn-secondary:disabled{background:transparent;border-color:var(--border);color:var(--dim)}#progress{margin-top:.25rem}.progress-bar{width:100%;height:10px;background:var(--surface);border-radius:5px;overflow:hidden;border:1px solid var(--border)}#progress-fill{height:100%;width:0%;background:var(--green);transition:width .25s ease}#progress-label{margin-top:.6rem;color:var(--text-muted);font-size:.92rem}.dongle-photo{text-align:center}.dongle-photo img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:var(--surface)}#result{margin-top:2.5rem}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem;text-align:center;max-width:560px;margin:0 auto}.result-card-success{border-color:var(--green)}.result-card-error{border-color:var(--cranberry)}.result-card h2{font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin:.9rem 0 .5rem}.result-card p{color:var(--text);margin:.4rem 0}.result-card .muted{color:var(--text-muted);font-size:.92rem}.badge{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;font-size:2.4rem;font-weight:700;color:#fff}.badge-success{background:var(--green)}.badge-error{background:var(--cranberry)}footer{border-top:1px solid var(--border);margin-top:2rem;padding:1.5rem 2rem;text-align:center}footer p{color:var(--text-muted);font-size:.9rem}@media (max-width: 800px){.topbar{padding:.75rem 1.25rem}.topbar-label{display:none}main{padding:1.5rem 1.25rem 2rem}.action{grid-template-columns:1fr;gap:1.5rem}.action-left h1{font-size:1.6rem}.dongle-photo{order:-1}.dongle-photo img{max-width:280px}#controls{flex-direction:column}button{width:100%}.btn-secondary{padding:calc(.85rem - 2px) calc(1.5rem - 2px)}}