@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
:root{--primary-candidate:#0077b6;--primary-candidate-light:#00b4d8;--primary-company:var(--teal-primary);--primary-company-light:#5eead4;--navy-primary:var(--navy-primary);--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:var(--navy-muted);--error:#ef4444;--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif}.login-container{background:var(--gray-50);min-height:100vh;display:flex}.test-credentials{border:1px solid var(--gray-200);background:linear-gradient(135deg,#0077b60d,#14b8a60d);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.test-label{color:var(--gray-600);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.test-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.test-btn{border:2px solid var(--gray-200);background:var(--white);font-family:var(--font-body);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.test-btn.candidate{color:var(--primary-candidate)}.test-btn.company{color:var(--primary-company)}.test-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.test-btn.candidate:hover{border-color:var(--primary-candidate);background:#0077b60d}.test-btn.company:hover{border-color:var(--primary-company);background:#14b8a60d}.brand-panel{flex-direction:column;justify-content:center;width:45%;padding:3rem;transition:background .5s;display:flex;position:relative;overflow:hidden}.brand-panel.candidate{background:linear-gradient(135deg,var(--primary-candidate),var(--primary-candidate-light))}.brand-panel.company{background:linear-gradient(135deg,var(--primary-company),var(--primary-company-light))}.brand-pattern{opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.brand-content{z-index:1;color:var(--white);max-width:480px;position:relative}.brand-logo{align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.brand-logo svg{width:48px;height:48px}.brand-logo-text{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.brand-title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.brand-description{opacity:.9;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.brand-features{padding:0;list-style:none}.brand-features li{align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.brand-features li i{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.form-panel{flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.login-lang-selector{z-index:100;position:absolute;top:1rem;right:1rem}.form-container{width:100%;max-width:420px}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-family:var(--font-display);color:var(--navy-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.form-subtitle{color:var(--gray-500)}.user-type-toggle{background:var(--gray-100);border-radius:.75rem;margin-bottom:2rem;padding:.25rem;display:flex}.toggle-btn{font-family:var(--font-body);color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.toggle-btn.active{background:var(--white);box-shadow:0 2px 8px #00000014}.toggle-btn.active.candidate{color:var(--primary-candidate)}.toggle-btn.active.company{color:var(--primary-company)}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{position:relative}.form-label{color:var(--navy-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:2px solid var(--gray-200);width:100%;font-family:var(--font-body);border-radius:.75rem;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .15s}.candidate-mode .form-input:focus{border-color:var(--primary-candidate);outline:none}.company-mode .form-input:focus{border-color:var(--primary-company);outline:none}.input-icon{color:var(--gray-400);position:absolute;top:2.5rem;left:1rem}.password-toggle{color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:2.5rem;right:1rem}.password-toggle:hover{color:var(--gray-600)}.error-message{color:var(--error);background:#ef44441a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.form-input.error{border-color:var(--error)}.field-error{color:var(--error);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.75rem;display:flex}.field-error i{font-size:.875rem}.form-options{justify-content:space-between;align-items:center;display:flex}.remember-me{color:var(--gray-600);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.candidate-mode .remember-me input{width:18px;height:18px;accent-color:var(--primary-candidate);cursor:pointer}.company-mode .remember-me input{width:18px;height:18px;accent-color:var(--primary-company);cursor:pointer}.forgot-link{font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s}.candidate-mode .forgot-link{color:var(--primary-candidate)}.company-mode .forgot-link{color:var(--primary-company)}.forgot-link:hover{opacity:.8}.btn-login{width:100%;font-family:var(--font-body);color:var(--white);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.candidate-mode .btn-login{background:var(--primary-candidate)}.company-mode .btn-login{background:var(--primary-company)}.btn-login:hover:not(:disabled){transform:translateY(-1px)}.candidate-mode .btn-login:hover:not(:disabled){box-shadow:0 4px 12px #0077b64d}.company-mode .btn-login:hover:not(:disabled){box-shadow:0 4px 12px #14b8a64d}.btn-login:disabled{opacity:.7;cursor:not-allowed}.divider{color:var(--gray-400);align-items:center;gap:1rem;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.social-login{gap:.75rem;display:flex}.btn-social{border:2px solid var(--gray-200);background:var(--white);font-family:var(--font-body);color:var(--navy-primary);cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.btn-social:hover{border-color:var(--gray-300);background:var(--gray-50)}.btn-social i{font-size:1.125rem}.btn-social .fa-google{color:#ea4335}.btn-social .fa-linkedin{color:#0a66c2}.form-footer{text-align:center;color:var(--gray-500);margin-top:1.5rem}.form-footer a{font-weight:600;text-decoration:none;transition:opacity .15s}.candidate-mode .form-footer a{color:var(--primary-candidate)}.company-mode .form-footer a{color:var(--primary-company)}.form-footer a:hover{opacity:.8}.admin-link{border-top:1px solid var(--gray-200);color:var(--gray-500);justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:flex}.admin-link:hover{color:#8b5cf6}@media (max-width:1024px){.brand-panel{display:none}.form-panel{padding:2rem}}@media (max-width:768px){.form-panel{padding:4rem 1.5rem 1.5rem}.login-lang-selector{top:.75rem;right:.75rem}.form-container{max-width:100%}.form-title{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.test-buttons{grid-template-columns:1fr}.social-login{flex-direction:column}}