*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 45%,#eef2f7 100%);color:#1f2937}
.card{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:40px 34px 30px;
box-shadow:0 18px 50px rgba(49,46,129,.14)}
.logo{width:58px;height:58px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.35)}
.logo svg{width:30px;height:30px}
h1{text-align:center;font-size:21px;font-weight:700}
.sub{text-align:center;color:#9ca3af;font-size:13px;margin:8px 0 26px}
.field{position:relative}
.field input{width:100%;height:46px;border:1px solid #dfe3ea;border-radius:11px;padding:0 44px 0 15px;
font-size:15px;outline:none;transition:.15s;background:#fafbfc}
.field input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.eye{position:absolute;right:6px;top:6px;width:34px;height:34px;border:0;background:transparent;border-radius:8px;
color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}
.eye:hover{color:#6366f1;background:#f3f4f6}
.eye svg{width:19px;height:19px}
.primary{width:100%;height:46px;margin-top:16px;border:0;border-radius:11px;
background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:600;
cursor:pointer;transition:.15s;box-shadow:0 8px 18px rgba(79,70,229,.3)}
.primary:hover{filter:brightness(1.05)}
.primary:disabled{opacity:.6;cursor:not-allowed;filter:none}
.err{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:9px;
padding:10px 13px;font-size:13px;margin-bottom:14px}
.foot{margin-top:22px;text-align:center;font-size:12px;color:#b3b8c2}