*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0f172a;display:flex;align-items:center;justify-content:center}
.bg{position:fixed;inset:0;background:radial-gradient(700px 350px at 10% 10%,#38bdf8 0%,transparent 40%),radial-gradient(700px 350px at 90% 20%,#a78bfa 0%,transparent 45%),radial-gradient(700px 350px at 50% 90%,#22c55e 0%,transparent 40%);opacity:.35}
.card{position:relative;width:420px;background:rgba(255,255,255,.96);border-radius:18px;padding:28px 30px 32px;box-shadow:0 40px 90px rgba(0,0,0,.35)}
h1{margin:0;font-size:22px;text-align:center}
.desc{margin:6px 0 22px;text-align:center;font-size:13px;color:#64748b}
.field{margin-bottom:14px}
label{display:block;font-size:12px;color:#475569;margin-bottom:6px}
input{width:100%;padding:12px;border-radius:10px;border:1px solid #cbd5f5;font-size:14px}
.username{display:flex;align-items:center}
.username span{margin-left:8px;font-size:13px;color:#64748b}
button{width:100%;margin-top:10px;padding:13px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#22c55e);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.msg{margin-top:14px;text-align:center;font-size:13px}
.msg.success{color:#16a34a}
.msg.error{color:#dc2626}