:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fb;background:#070a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#202a45 0,#070a12 38rem);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.hidden{display:none!important}header{max-width:1100px;margin:auto;padding:24px 22px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ff884d;color:#121019;font-size:21px}.brand b{display:block;letter-spacing:-.02em}.brand small{display:block;color:#7e879c;font-size:11px;margin-top:2px}.ghost{background:#111827;border:1px solid #2b3449;border-radius:10px;padding:9px 13px;color:#cfd7e5;font-size:13px}.hero{max-width:1100px;margin:34px auto 22px;padding:0 22px}.eyebrow,.kicker{font-size:10px;letter-spacing:.14em;color:#ff9c67;font-weight:800}.hero h1{font-size:clamp(42px,8vw,72px);line-height:.95;letter-spacing:-.07em;margin:14px 0}.hero h1 em{color:#ff884d;font-style:normal}.hero p{color:#9aa4b7;max-width:475px;line-height:1.6;margin:0}.tabs{max-width:1100px;margin:34px auto 16px;padding:0 22px;display:flex;gap:6px;overflow:auto}.tab{white-space:nowrap;background:transparent;border-radius:10px;padding:11px 15px;color:#8691a6}.tab.active{background:#1b2435;color:#fff}.view{display:none;max-width:1100px;margin:auto;padding:0 22px 28px}.view.active{display:block}.card{max-width:640px;background:#0f1522db;border:1px solid #222d42;border-radius:18px;padding:22px;box-shadow:0 18px 60px #0003}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card h2{font-size:22px;letter-spacing:-.04em;margin:8px 0 20px}.pill{background:#222b3d;border-radius:999px;padding:6px 9px;color:#aeb9ca;font-size:10px}.pill.safe{color:#7fe5ae;background:#123126}.output{display:flex;background:#080c15;border:1px solid #29344b;border-radius:13px;overflow:hidden}.output input{min-width:0;flex:1;border:0;background:transparent;padding:17px;color:#fff;font-family:ui-monospace,monospace;font-size:16px}.copy{background:#ff884d;color:#17100d;padding:0 17px;font-weight:800}.range-line{margin-top:23px}.range-line label{display:flex;justify-content:space-between;color:#9ba6b8;font-size:13px}.range-line strong{color:#fff}.range-line input{width:100%;accent-color:#ff884d;margin:13px 0}.check{display:flex;align-items:center;gap:9px;color:#b2bdcd;font-size:13px;margin:7px 0 20px}.check input{accent-color:#ff884d}.primary,.secondary{width:100%;padding:13px 15px;border-radius:11px;font-weight:800}.primary{background:#ff884d;color:#1b100a}.secondary{background:#243047;color:#e7edf7}.primary span{float:right}.tip{display:flex;gap:12px;max-width:640px;margin:14px 3px;color:#ff9c67}.tip p,.muted{color:#8995aa;font-size:12px;line-height:1.55}.tip b{font-size:13px}.otp-code{font-family:ui-monospace,monospace;letter-spacing:.15em;text-align:center;font-weight:900;font-size:45px;color:#ff9c67;padding:18px 0 5px}.otp-meta{text-align:center;color:#818da1;font-size:11px}.bar{height:4px;background:#273148;border-radius:5px;margin:12px 0 23px;overflow:hidden}.bar i{display:block;height:100%;background:#ff884d;width:0%;transition:width .4s}.fields{display:grid;gap:12px}.fields label,.card>label{display:grid;gap:7px;color:#a7b1c1;font-size:12px}.fields input,.fields select,.card>label input{width:100%;background:#0a0f1a;border:1px solid #2a354a;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.fields input:focus,.fields select:focus,.card>label input:focus{border-color:#ff884d}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}#qrVideo{width:100%;aspect-ratio:1/1;object-fit:cover;background:#05070c;border-radius:12px;margin:2px 0 16px}.vault-row{display:flex;align-items:center;gap:8px;padding:13px 0;border-top:1px solid #263149}.vault-row>div{flex:1;min-width:0}.vault-row strong,.vault-row small{display:block}.vault-row strong{font-size:14px}.vault-row small{color:#8995aa;font-size:11px;margin-top:3px}.mini,.icon{background:#263149;border-radius:8px;padding:8px 9px;font-size:11px}.icon{font-size:18px;padding:4px 10px;color:#c2cada}.empty{color:#8490a4;font-size:13px;padding:12px 0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#f4f7fb;color:#10141d;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:700;transition:.2s;pointer-events:none;z-index:5}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{background:#ff6b75;color:#23080a}footer{max-width:1100px;margin:auto;padding:22px;color:#647089;font-size:11px;display:flex;justify-content:space-between}@media(max-width:600px){header{padding:18px 16px}.hero{margin-top:23px;padding:0 16px}.tabs{padding:0 16px;margin-top:28px}.view{padding:0 16px 25px}.card{padding:18px;border-radius:15px}.otp-code{font-size:34px}.two,.actions{grid-template-columns:1fr}footer{padding:18px 16px;gap:15px;flex-direction:column}}