*{box-sizing:border-box}:root{--primary:#4f46e5;--secondary:#ec4899;--dark:#0f172a;--muted:#64748b;--border:#e2e8f0;--soft:#f8fafc}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(79,70,229,.20),transparent 32%),radial-gradient(circle at bottom right,rgba(236,72,153,.16),transparent 34%),#f3f4f6;color:var(--dark)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(15,23,42,.14);padding:34px;border:1px solid rgba(226,232,240,.9)}.login-logo{width:76px;height:76px;border-radius:25px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin:0 auto 20px;box-shadow:0 18px 32px rgba(79,70,229,.22)}h1{text-align:center;margin:0 0 8px;font-size:30px}.login-subtitle{text-align:center;color:var(--muted);margin:0 0 24px;line-height:1.5}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;padding:12px 14px;margin-bottom:18px;font-weight:700}.form-group{margin-bottom:17px}.form-group label{display:block;font-weight:800;margin-bottom:8px}.form-group input{width:100%;height:52px;border:1px solid var(--border);border-radius:16px;background:var(--soft);padding:0 15px;font-size:15px;outline:none}.form-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.10)}.password-wrapper{position:relative}.password-wrapper input{padding-right:54px}.eye-button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:39px;height:39px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.eye-button:hover{background:rgba(79,70,229,.10);color:var(--primary)}.eye-button svg{width:22px;height:22px;fill:currentColor}.eye-button .eye-close{display:none}.eye-button.showing .eye-open{display:none}.eye-button.showing .eye-close{display:block}.btn-login{width:100%;height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 16px 28px rgba(79,70,229,.25)}.login-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}@media(max-width:480px){.login-shell{padding:14px}.login-card{padding:26px;border-radius:24px}}