.login-container{margin-top:56px;padding:48px 0}.login-heading{margin-bottom:2rem}.login-card{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;transition:.3s;max-width:500px;margin:0 auto;padding:2rem}.form-control{padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border-color);margin-bottom:1rem;background-color:#f5f7fa}.form-control:focus{border-color:var(--highlight-color);box-shadow:0 0 0 .2rem rgba(247,166,0,.25)}.password-field{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);cursor:pointer}.btn-login{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff;width:100%;padding:.75rem;font-weight:500;margin-top:1rem}.btn-login:hover{background-color:var(--highlight-hover);border-color:var(--highlight-hover)}.login-footer{display:flex;justify-content:space-between;margin-top:1rem}.login-footer a{color:var(--highlight-color);text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-divider{text-align:center;position:relative;margin:1.5rem 0}.login-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.login-divider span{position:relative;background-color:#fff;padding:0 1rem;color:var(--text-muted)}.social-login{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f5f7fa;color:#333;transition:.3s}.social-btn:hover{background-color:var(--highlight-color);color:#fff}.recaptcha-container{margin:1rem 0;display:flex;justify-content:center}.recaptcha-container .cf-turnstile{margin:0 auto}[data-theme=dark] .login-card{background-color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .form-control{background-color:#262626;border-color:#2c2c2c;color:#f0f0f0}[data-theme=dark] .login-divider::before{background-color:#2c2c2c}[data-theme=dark] .login-divider span{background-color:#1a1a1a;color:#a0a0a0}[data-theme=dark] .social-btn{background-color:#262626;color:#f0f0f0}[data-theme=dark] .cf-turnstile[data-theme=light]{filter:invert(.85) hue-rotate(180deg)}@media (max-width:767.98px){.login-container{margin-top:56px;padding:24px 0}.login-card{padding:1.5rem}}