*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif}
body{background:radial-gradient(circle at top,#173a63 0,#081522 45%,#040b12 100%);color:#fff}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.card{width:min(92vw,460px);padding:42px 28px;text-align:center;border-radius:24px;background:rgba(8,20,34,.78);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
.logo{width:70px;height:70px;border-radius:20px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#52e1ff,#5675ff);box-shadow:0 0 30px rgba(82,225,255,.2)}
h1{margin:0 0 8px;font-size:38px}
p{margin:0 0 22px;color:#a9b8c8;font-size:14px}
.bar{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.fill{height:100%;width:0;background:linear-gradient(90deg,#50e4ff,#6480ff);transition:width .08s linear}
.percent{margin-top:9px;color:#69dcff;font-size:12px}
button{width:100%;margin-top:22px;padding:14px 18px;border:0;border-radius:13px;font-weight:700;font-size:15px;cursor:pointer;background:linear-gradient(90deg,#58e4ff,#6984ff);color:#06101a}
small{display:block;margin-top:12px;color:#61758a;font-size:11px}