.auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(60rem 60rem at -10% -20%,#93c5fd33,transparent 60%),radial-gradient(60rem 60rem at 110% 10%,#a78bfa33,transparent 60%),linear-gradient(180deg,#eef2ff,#f8fafc)}
.auth-wrap{width:100%;max-width:440px;padding:22px}
.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px rgba(15,23,42,.08);padding:20px}
.auth-brand{font-weight:900;font-size:20px;margin-bottom:8px}.auth-brand span{color:#4c6fff}
h1{margin:0 0 4px 0;font-size:22px}.auth-sub{color:#64748b;margin:0 0 14px 0}
.auth-label{font-size:12px;color:#334155;display:block;margin-bottom:6px}
.auth-field{position:relative}
.auth-field input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}
.auth-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer}
.auth-btn{width:100%;margin-top:12px}.auth-msg{margin-top:10px;font-size:13px}.auth-msg.error{color:#b91c1c}.auth-msg.ok{color:#065f46}.auth-foot{display:flex;justify-content:center;margin-top:12px}