*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#061019;color:#fff}
body{min-height:100vh;display:flex;align-items:center;justify-content:center}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 50% 20%,#15364a 0,#081822 38%,#04090d 100%);
z-index:-1}
.shell{width:100%;max-width:500px;padding:20px}
.card{background:rgba(8,20,29,.94);border:1px solid rgba(255,255,255,.1);
border-radius:20px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.brand{text-align:center;margin-bottom:28px}
.brand h1{font-size:40px;margin:0;letter-spacing:4px}
.brand span{color:#f59e0b;font-weight:800;letter-spacing:8px;font-size:14px}
.muted{color:#8ea2af;text-align:center}
input{width:100%;padding:16px;margin:8px 0;background:#0d1d27;border:1px solid #223846;
color:white;border-radius:10px;outline:none;font-size:16px}
input:focus{border-color:#f59e0b}
button{width:100%;padding:16px;border-radius:10px;border:0;margin-top:12px;
font-weight:800;cursor:pointer;font-size:15px}
.primary{background:#f59e0b;color:#111}
.secondary{background:#142630;color:#fff;border:1px solid #29404d}
#message{text-align:center;min-height:20px;color:#f4b942}
.hidden{display:none}
h2{text-align:center;margin-bottom:25px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}
.stats div{background:#0c1c26;padding:18px;border-radius:12px;text-align:center}
.stats small{display:block;color:#8095a1;margin-bottom:8px;font-size:11px}
.stats strong{font-size:18px}
@media(max-width:520px){
.card{padding:25px 20px}
.brand h1{font-size:30px}
.stats{grid-template-columns:1fr}
}