.loginPage{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Arial,Helvetica,sans-serif}.loginContainer{background-color:#1A1A1C;border-radius:16px;padding:48px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #2a2a2c}.loginHeader{text-align:center;margin-bottom:32px}.loginHeader h1{font-size:32px;font-weight:700;color:#E6E1CE;margin:0 0 8px;letter-spacing:-.025em}.loginHeader p{color:#949D99;font-size:16px;margin:0;line-height:1.5}.loginForm{gap:24px}.loginField,.loginForm{display:flex;flex-direction:column}.loginField{gap:8px}.loginField label{font-size:14px;font-weight:600;color:#949D99;letter-spacing:.025em}.loginField input{padding:14px 16px;border:2px solid #2a2a2c;border-radius:10px;background-color:#131315;color:#E6E1CE;font-size:16px;transition:all .2s ease;font-family:inherit}.loginField input:focus{outline:none;border-color:#4A9EFF;box-shadow:0 0 0 3px rgba(74,158,255,.1)}.loginField input:disabled{opacity:.6;cursor:not-allowed}.loginField input::placeholder{color:#6B7280}.loginError{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:16px;margin-top:8px}.loginError p{color:#EF4444;font-size:14px;margin:0;font-weight:500}.loginSubmit{background:linear-gradient(135deg,#4A9EFF,#3B82F6);color:white;border:none;border-radius:10px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:8px}.loginSubmit:hover:not(:disabled){background:linear-gradient(135deg,#3B82F6,#2563EB);transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(59,130,246,.3)}.loginSubmit:active:not(:disabled){transform:translateY(0)}.loginSubmit:disabled{opacity:.6;cursor:not-allowed;transform:none}.loginFooter{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #2a2a2c}.loginFooter p{color:#949D99;font-size:14px;margin:0}.loginFooter a{color:#4A9EFF;text-decoration:none;font-weight:600;transition:color .2s ease}.loginFooter a:hover{color:#3B82F6;text-decoration:underline}.loginField.hasToggle{position:relative}.passwordToggle{position:absolute;right:10px;top:36px;background:transparent;color:#949D99;border:none;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px}.passwordToggle:hover{color:#E6E1CE}.strengthBar{position:relative;height:6px;background:#0F0F11;border:1px solid #2a2a2c;border-radius:999px;margin-top:8px;overflow:hidden}.strengthFill{height:100%;width:0;background:#EF4444;transition:width .25s ease,background .25s ease}.strengthLabel{color:#949D99;font-size:12px;margin-top:6px}@media (max-width:640px){.loginPage{padding:16px}.loginContainer{padding:32px 24px}.loginHeader h1{font-size:28px}.loginField input{padding:12px 16px;font-size:16px}.loginSubmit{padding:14px 24px}}@media (max-width:480px){.loginContainer{padding:24px 20px}.loginHeader h1{font-size:24px}.loginHeader p{font-size:14px}.loginForm{gap:20px}}