.login-container{background-image:radial-gradient(circle at 15%,#ff6b6b14,#0000 40%),radial-gradient(circle at 85% 30%,#ff8e5314,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;max-width:420px;box-shadow:0 24px 48px var(--shadow-color);border-radius:24px;padding:40px;transition:all .3s}.login-header{text-align:center;margin-bottom:32px}.login-header h1{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0 0 8px;font-size:28px;font-weight:800}.login-header p{color:var(--text-muted);margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--foreground);opacity:.8;letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600}.form-group input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--foreground);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input::placeholder{color:var(--text-faint)}.form-group input:focus{background:var(--card-hover-bg);border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);border:none;border-radius:12px;margin-top:12px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:32px}.login-footer p{color:#ffffff80;margin:0;font-size:14px}.login-footer a{color:#ff6b6b;font-weight:600;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#ff8e53}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--foreground);background:#ff6b6b1a}