@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080d19;--panel:#101a2b;--line:#24334b;--muted:#91a0b8;--white:#f3f6fc;--cyan:#63e6e2;--blue:#6b8cff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1b3152 0,transparent 48%),var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}.ambient{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.ambient-a{background:#397dff;top:30%;left:-180px}.ambient-b{background:#22d5c9;right:-180px;top:65%}
.topbar{height:76px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1040px)/2));position:relative;z-index:1}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--white);font:700 15px 'Space Grotesk',sans-serif;letter-spacing:.6px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--cyan),#527aff);color:#081322;font-size:21px}.brand-accent{color:var(--cyan)}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;color:#8495ae;letter-spacing:2px;margin-top:2px}.top-status{font-size:10px;letter-spacing:1.5px;color:#aab8ca}.top-status i,.eyebrow span{display:inline-block;width:7px;height:7px;background:#55e0ad;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #55e0ad}
.wrap{max-width:900px;margin:auto;padding:68px 22px 30px;position:relative;z-index:1}.hero{text-align:center;margin-bottom:35px}.eyebrow,.step{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cyan)}h1{font:700 clamp(40px,7vw,65px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-2.8px;margin:20px 0 14px}h1 span{background:linear-gradient(90deg,var(--cyan),#8ca9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:14px;line-height:1.7;max-width:480px;margin:auto}
.panel,.balance-panel{background:linear-gradient(145deg,#142138f2,#0d1728f2);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 70px #0005}.panel{padding:28px}.panel-heading,.result-top{display:flex;justify-content:space-between;align-items:center}.panel h2,.balance-panel h2{font:600 21px 'Space Grotesk',sans-serif;margin:7px 0 22px}.shield{font-size:9px;color:#a8b7cd;letter-spacing:1px;border:1px solid #34435b;border-radius:30px;padding:8px 11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:9px}.field span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#a7b6ca}.field input{width:100%;height:52px;border-radius:10px;border:1px solid #30415c;background:#0a1424;color:white;padding:0 15px;font:500 14px 'DM Sans',sans-serif;outline:none;transition:.2s}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #63e6e21a}.field input::placeholder{color:#65758e}.primary{margin-top:20px;width:100%;height:54px;border:0;border-radius:10px;background:linear-gradient(100deg,#63e6e2,#83a4ff);color:#081323;font-weight:800;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:.2s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait;transform:none}.primary b{font-size:20px}.message{margin-top:16px;padding:13px 15px;border-radius:9px;background:#35251e;color:#ffc49c;font-size:13px}.message.ok{background:#12332e;color:#a5f1d4}.result{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.status-pill{font-size:10px;font-weight:800;letter-spacing:1px;padding:7px 10px;border-radius:30px;background:#27354a;color:#d6e0f0}.status-pill.good{background:#123c32;color:#7cf0c1}.status-pill.bad{background:#47232b;color:#ff9aa7}.result h3{font:700 25px 'Space Grotesk',sans-serif;margin:18px 0 4px}.account-line{font-size:12px;color:var(--muted);margin:0 0 18px}.account-line b{color:#e1e9f5}.account-line span{padding:0 7px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-item{padding:14px;background:#0b1525;border:1px solid #263650;border-radius:10px;min-width:0}.result-item small{display:block;color:#8293ad;font-size:9px;font-weight:800;letter-spacing:1.2px;margin-bottom:8px}.result-item strong{font-size:14px;overflow-wrap:anywhere}.wide{grid-column:1/-1}.disclaimer{font-size:10px;line-height:1.6;color:#8190a7;margin:14px 0 0}
.balance-panel{margin-top:18px;padding:23px 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.balance-panel h2{font-size:17px;margin:6px 0}.balance-panel p{font-size:12px;color:var(--muted);margin:0}.secondary{border:1px solid #3b5970;background:#142a3b;color:var(--cyan);padding:13px 16px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.secondary:disabled{opacity:.5}.secondary span{font-size:15px;margin-left:8px}.balance-result{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.balance-result div{font-size:11px;color:#91a0b8}.balance-result b{display:block;color:#f3f6fc;font-size:15px;margin-top:5px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:12px;color:#66758d;font-size:9px;letter-spacing:.7px;padding:28px 2px 0}
@media(max-width:600px){.topbar{height:65px;padding:0 18px}.wrap{padding:48px 15px 24px}.panel{padding:20px 16px}.field-grid{grid-template-columns:1fr;gap:13px}.shield{font-size:8px;padding:7px}.balance-panel{padding:19px 16px;grid-template-columns:1fr}.secondary{width:100%}.balance-result{grid-template-columns:1fr 1fr}footer{flex-direction:column;text-align:center}.hero p{font-size:13px}}
