:root{--bg:#0a0f1e;--panel:#0f1a33;--text:#d6e1ff;--muted:#7b8fb2;--neon:#00e5ff;--accent:#7a5cff;--good:#3ddc97;--bad:#ff5c93}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.6 Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(60% 120% at 80% 0%,#0d1330 0%,#070a16 60%,#05070f 100%),var(--bg);}
.container{max-width:980px;margin:0 auto;padding:24px}
header h1{font-weight:800;letter-spacing:.5px;margin:.2rem 0}
.subtitle{color:var(--muted);margin-top:0}
.neon{color:var(--neon);text-shadow:0 0 10px rgba(0,229,255,.7),0 0 20px rgba(0,229,255,.4)}
.card{background:linear-gradient(145deg,rgba(16,28,56,.7),rgba(12,22,44,.7));backdrop-filter:blur(6px);border:1px solid rgba(122,92,255,.25);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.input-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
label{display:block;font-weight:600;color:var(--muted)}
input{flex:1;min-width:260px;padding:12px 14px;border-radius:10px;border:1px solid rgba(122,92,255,.35);background:#0d1730;color:var(--text);outline:none}
input:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(0,229,255,.1)}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--neon));border:none;color:#001018;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(0,229,255,.2)}
.btn-primary:hover{filter:brightness(1.05)}
.status{min-height:24px;margin-top:12px;color:var(--muted)}
.results{padding:18px;border-top:1px dashed rgba(122,92,255,.35)}
.results h2{margin:0 0 12px 0}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.stat{background:#0d1730;border:1px solid rgba(122,92,255,.25);border-radius:12px;padding:14px}
.stat span{color:var(--muted);font-size:.85rem}
.stat strong{font-size:1.4rem;display:block;margin-top:.25rem}
.footer{color:var(--muted);text-align:center}
.hidden{display:none}
/* Futuristic grid background */
.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(0,229,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(122,92,255,.12) 1px,transparent 1px);background-size:36px 36px,36px 36px;mask-image:radial-gradient(circle at 70% -10%,black,transparent 60%);pointer-events:none}
/* Account name styling */
.account {
  text-align: center;
  margin-bottom: 20px;
}
.account h2 {
  font-size: 1.5rem;
  color: var(--neon);
  margin: 0;
}
.account p {
  font-size: 1.2rem;
  color: var(--text);
  margin: 5px 0 0;
}