:root{--primary:#1841e9;--primary-hover:#1436c7;--bg-base:#f8fafc;--bg-surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 25px -5px #1841e91a, 0 8px 10px -6px #1841e91a;--shadow-glow:0 0 0 4px #1841e926;--radius-lg:20px;--radius-md:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.auth-page{background-color:var(--bg-base);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;padding:1rem;font-family:Outfit,Inter,sans-serif;display:flex}.auth-split-layout{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:1200px;height:90vh;min-height:600px;max-height:800px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;position:relative;overflow:hidden}.auth-image-side{background-color:#000;flex:1.2;display:none;position:relative;overflow:hidden}.auth-image-side img{object-fit:cover;opacity:.9;width:100%;height:100%}.auth-image-overlay{background:linear-gradient(90deg,#1841e933,#0000);position:absolute;inset:0}.auth-form-side{background:var(--bg-surface);flex-direction:column;flex:1;justify-content:center;padding:0 3rem;display:flex;overflow-y:auto}.auth-card{width:100%;max-width:440px;margin:0 auto}@media (width>=900px){.auth-image-side{display:block}}.auth-header{margin-bottom:2.5rem}.auth-logo{margin-bottom:2rem;display:inline-block}.auth-logo img{object-fit:contain;width:auto;height:48px}.auth-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5}.form-group{margin-bottom:1.5rem;position:relative}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#f8fafc;padding:1rem 1.25rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:var(--shadow-glow);outline:none}.input-icon-wrapper{position:relative}.input-icon-wrapper i{color:var(--text-muted);cursor:pointer;transition:color .2s;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.input-icon-wrapper i:hover{color:var(--primary)}.otp-wrapper{display:none}.otp-inputs{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;border-radius:var(--radius-md);border:2px solid var(--border);width:3.5rem;height:4.5rem;color:var(--text-main);background:#f8fafc;padding:0;font-size:1.75rem;font-weight:800;transition:all .2s}.otp-input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.625rem;width:100%;margin-top:.5rem;padding:1.125rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #1841e940}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1841e959}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-secondary{width:100%;color:var(--text-main);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;margin-top:1rem;padding:1rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--text-muted);background:#f1f5f9}.auth-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.9rem}.auth-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.8rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider:not(:empty):before{margin-right:1rem}.divider:not(:empty):after{margin-left:1rem}.alert{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;line-height:1.4;display:flex}.alert-error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes fadeInSlide{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.slide-up{animation:.5s ease-out forwards fadeInSlide}