*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#000;color:#eaf0ff}
nav{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;gap:18px;align-items:center;padding:14px 24px;background:rgba(5,8,25,.6);backdrop-filter:blur(8px)}
nav b{font-size:20px;background:linear-gradient(90deg,#6cf,#c8f);-webkit-background-clip:text;color:transparent;margin-right:auto}
nav a{color:#cfe;text-decoration:none}nav a:hover{color:#fff}
.card{max-width:380px;margin:120px auto;padding:30px;border-radius:16px;background:rgba(20,25,60,.7);border:1px solid #335;text-align:center}
.card input{width:100%;padding:12px;margin:8px 0;border-radius:8px;border:1px solid #446;background:#0a0e25;color:#fff}
button{padding:11px 22px;border:0;border-radius:8px;background:linear-gradient(90deg,#4aa8ff,#a56bff);color:#fff;font-weight:600;cursor:pointer}
#msg{color:#ff8a8a;min-height:20px}.card a{color:#9cf}li{margin:6px 0}