:root{--primary:#2563eb;--secondary:#f1f5f9;--success:#475569;--danger:#dc2626;--warning:#dbeafe;--info:#0f172a;--dark-red:#800f15;--darkest-red:#450a0a99;--darkest:#000000b3;--glass:#ffffff26;--border-glass:#ffffff4d;--date:#2563eb33;--shadow-nav-mobile:#0000000f;--instagram-color-1:#405de6;--instagram-color-2:#5851db;--instagram-color-3:#833ab4;--instagram-color-4:#c13584;--instagram-color-5:#e1306c;--instagram-color-6:#fd1d1d;--instagram-color-7:#f77737;--instagram-color-8:#fcaf45;--instagram-color-9:#ffdc80;--color-brand-50:#eff6ff;--color-brand-100:#dbeafe;--color-brand-500:#2563eb;--color-brand-600:#1d4ed8;--color-brand-700:#1e40af;--color-dark-900:#0f172a;--color-dark-800:#1e293b;--color-dark-700:#334155;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-900:#0f172a;--color-rose-100:#ffe4e6;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-amber-500:#f59e0b;--light:#f8f9fa;--dark:#212529;--white:#fff;--black:#000;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--auth-transparent:transparent;--auth-page-bg:#f5f7fa;--auth-card-bg:var(--white);--auth-card-border:var(--color-slate-200);--auth-text:var(--color-dark-900);--auth-muted:var(--color-slate-500);--auth-placeholder:var(--color-slate-400);--auth-border:var(--color-slate-200);--auth-input-bg:var(--white);--auth-panel-bg:var(--color-slate-50);--auth-disabled-bg:var(--color-slate-100);--auth-primary:var(--color-brand-500);--auth-primary-hover:var(--color-brand-600);--auth-primary-soft:#2563eb14;--auth-focus-ring:#2563eb2e;--auth-danger:var(--color-rose-600);--auth-danger-ring:#e11d481f;--auth-text-on-primary:var(--white);--auth-success-bg:#ecfdf5;--auth-success-text:#065f46;--auth-success-border:#a7f3d0;--auth-success-icon-bg:#10b98124;--auth-progress-track:var(--color-slate-200);--auth-card-shadow:0 10px 35px #0f172a14;--auth-button-shadow:0 5px 12px #2563eb24;--auth-button-shadow-hover:0 8px 18px #2563eb33}html[data-bs-theme=light] body,html:not([data-bs-theme]) body,html[data-bs-theme=light] .login-page,html:not([data-bs-theme]) .login-page{background-color:var(--auth-page-bg);color:var(--auth-text)}html[data-bs-theme=light] .login-card,html:not([data-bs-theme]) .login-card{border-color:var(--auth-card-border);background-color:var(--auth-card-bg);color:var(--auth-text);box-shadow:var(--auth-card-shadow)}html[data-bs-theme=dark]{--auth-page-bg:var(--color-dark-900);--auth-card-bg:var(--color-dark-800);--auth-card-border:var(--color-dark-700);--auth-text:var(--color-slate-100);--auth-muted:var(--color-slate-400);--auth-placeholder:var(--color-slate-500);--auth-border:var(--color-dark-700);--auth-input-bg:var(--color-dark-900);--auth-panel-bg:var(--color-dark-900);--auth-disabled-bg:var(--color-dark-700);--auth-primary:var(--color-brand-500);--auth-primary-hover:var(--color-brand-600);--auth-primary-soft:#2563eb29;--auth-focus-ring:#2563eb4d;--auth-danger:var(--color-rose-500);--auth-danger-ring:#f43f5e2e;--auth-text-on-primary:var(--white);--auth-success-bg:#10b9811f;--auth-success-text:#a7f3d0;--auth-success-border:#10b98159;--auth-success-icon-bg:#10b9812e;--auth-progress-track:var(--color-dark-700);--auth-card-shadow:0 10px 30px #00000059;--auth-button-shadow:0 5px 12px #2563eb2e;--auth-button-shadow-hover:0 8px 18px #2563eb47}html[data-bs-theme=dark] body,html[data-bs-theme=dark] .login-page,html[data-bs-theme=dark] .login-section{background-color:var(--auth-page-bg);color:var(--auth-text)}html[data-bs-theme=dark] .login-card{border-color:var(--auth-card-border);background-color:var(--auth-card-bg);color:var(--auth-text);box-shadow:var(--auth-card-shadow)}html[data-bs-theme=dark] .login-title h1,html[data-bs-theme=dark] .reset-password-box h4,html[data-bs-theme=dark] #signupOtpBox .login-title h2{color:var(--auth-text)}html[data-bs-theme=dark] .login-title p,html[data-bs-theme=dark] .login-options .form-check-label,html[data-bs-theme=dark] .register-link,html[data-bs-theme=dark] #userStatus{color:var(--auth-muted)}html[data-bs-theme=dark] .login-card .form-label{color:var(--auth-text)}html[data-bs-theme=dark] .login-card .form-control{border-color:var(--auth-border);background-color:var(--auth-input-bg);color:var(--auth-text)}html[data-bs-theme=dark] .login-card .form-control::placeholder{color:var(--auth-placeholder)}html[data-bs-theme=dark] .login-card .form-control:focus{border-color:var(--auth-primary);background-color:var(--auth-input-bg);color:var(--auth-text);box-shadow:0 0 0 4px var(--auth-focus-ring)}html[data-bs-theme=dark] .login-card .form-control.is-invalid:focus{border-color:var(--auth-danger);box-shadow:0 0 0 4px var(--auth-danger-ring)}html[data-bs-theme=dark] .form-check-label{color:var(--auth-muted)}html[data-bs-theme=dark] .form-check-input{border-color:var(--auth-border);background-color:var(--auth-input-bg)}html[data-bs-theme=dark] .form-check-input:checked{border-color:var(--auth-primary);background-color:var(--auth-primary)}html[data-bs-theme=dark] .form-check-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus-ring)}html[data-bs-theme=dark] .forgot-password,html[data-bs-theme=dark] .register-link a,html[data-bs-theme=dark] #backTologin,html[data-bs-theme=dark] #resendSignupOtp,html[data-bs-theme=dark] #changeSignupEmail{color:var(--auth-primary)}html[data-bs-theme=dark] .forgot-password:hover,html[data-bs-theme=dark] .register-link a:hover,html[data-bs-theme=dark] #backTologin:hover,html[data-bs-theme=dark] #resendSignupOtp:hover:not(:disabled),html[data-bs-theme=dark] #changeSignupEmail:hover{color:var(--auth-primary-hover)}html[data-bs-theme=dark] .login-btn,html[data-bs-theme=dark] #resetPasswordForm button[type=submit],html[data-bs-theme=dark] #resetPasswordButton{border-color:var(--auth-primary);background-color:var(--auth-primary);color:var(--auth-text-on-primary)}html[data-bs-theme=dark] .login-btn:hover:not(:disabled),html[data-bs-theme=dark] #resetPasswordForm button[type=submit]:hover:not(:disabled),html[data-bs-theme=dark] #resetPasswordButton:hover:not(:disabled){border-color:var(--auth-primary-hover);background-color:var(--auth-primary-hover);color:var(--auth-text-on-primary)}html[data-bs-theme=dark] .btn-home .btn-outline-primary{border-color:var(--auth-primary);color:var(--auth-primary)}html[data-bs-theme=dark] .btn-home .btn-outline-primary:hover{border-color:var(--auth-primary);background-color:var(--auth-primary);color:var(--auth-text-on-primary)}html[data-bs-theme=dark] #passwordToggle,html[data-bs-theme=dark] #registerPasswordToggle,html[data-bs-theme=dark] #registerConfirmPasswordToggle{color:var(--auth-muted)}html[data-bs-theme=dark] #passwordToggle:hover,html[data-bs-theme=dark] #registerPasswordToggle:hover,html[data-bs-theme=dark] #registerConfirmPasswordToggle:hover{background-color:var(--auth-primary-soft);color:var(--auth-text)}html[data-bs-theme=dark] .reset-password-box,html[data-bs-theme=dark] #signupOtpBox{border-top-color:var(--auth-border);color:var(--auth-text)}html[data-bs-theme=dark] #newPasswordBox{border-color:var(--auth-border);background-color:var(--auth-panel-bg)}html[data-bs-theme=dark] #resetSuccessMessage{border-color:var(--auth-success-border);background-color:var(--auth-success-bg);color:var(--auth-success-text)}html[data-bs-theme=dark] #resetSuccessMessage:before{background-color:var(--auth-success-icon-bg);color:var(--auth-success-text)}html[data-bs-theme=dark] .login-card .invalid-feedback,html[data-bs-theme=dark] #signupOtpError{color:var(--auth-danger)}html[data-bs-theme=dark] #signupOtpStatus,html[data-bs-theme=dark] #resendSignupOtp:disabled{color:var(--auth-muted)}html[data-bs-theme=dark] #loginSuccessMessage.alert-success{border-color:var(--auth-success-border);background-color:var(--auth-success-bg);color:var(--auth-success-text)}html[data-bs-theme=dark] #loginSuccessMessage .progress{background-color:var(--auth-progress-track)}html[data-bs-theme=dark] #loginProgressBar{background-color:var(--auth-primary)}#loginForm .form-control.is-invalid,#loginForm .form-control:invalid{background-image:none!important}
