*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,rgba(99,91,255,.25),transparent 35%),radial-gradient(circle at bottom right,rgba(0,200,150,.14),transparent 30%),#050711;color:#fff;display:flex;align-items:center;justify-content:center;padding:24px}
.auth-box{width:100%;max-width:460px;background:#0f1220;border:1px solid #24283b;border-radius:22px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.35)}
.logo{font-size:28px;font-weight:800;margin-bottom:10px}.logo span{color:#635bff}
.subtitle{color:#9ca3af;margin-bottom:28px;line-height:1.5}
label{display:block;margin-bottom:8px;color:#cbd5e1;font-size:14px}
input{width:100%;padding:15px;border-radius:12px;border:1px solid #24283b;background:#080b16;color:#fff;outline:none;margin-bottom:16px}
input:focus{border-color:#635bff}
button{width:100%;padding:15px;border:none;border-radius:12px;background:#635bff;color:#fff;font-weight:700;cursor:pointer;font-size:15px;margin-top:5px}
button:hover{background:#7c73ff}
.msg{padding:13px;border-radius:10px;margin-bottom:18px;font-size:14px}
.error{background:rgba(255,77,90,.12);color:#ff8b94;border:1px solid rgba(255,77,90,.25)}
.success{background:rgba(0,200,150,.12);color:#00c896;border:1px solid rgba(0,200,150,.25)}
.link{text-align:center;margin-top:18px;color:#9ca3af;font-size:14px}.link a{color:#7c73ff;text-decoration:none;font-weight:700}