.login-container{background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 40px -10px #0000000d}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:800}.login-header p{color:#64748b;margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#ef4444;text-align:center;background:#ef44441a;border-radius:8px;padding:12px;font-size:14px;font-weight:500}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#475569;font-size:14px;font-weight:600}.form-group input{color:#1e293b;background:#ffffffe6;border:1px solid #cbd5e1;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.login-actions{justify-content:flex-end;display:flex}.forgot-password{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#2563eb}.login-btn{justify-content:center;width:100%;margin-top:10px;padding:14px;font-size:16px}.btn-liquid{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:12px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #2563eb33}.btn-liquid:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.btn-liquid:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-logo{max-width:140px;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;display:block}