/* =========================================================================ZIELAAN AUTH & REVERSE ONBOARDING MODAL STYLES (login.php)========================================================================= */.onboarding-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100001;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInModal 0.25s ease-out forwards;}
@keyframes fadeInModal{from{opacity:0;transform:scale(0.98);}
to{opacity:1;transform:scale(1);}
}
.onboarding-modal-card{background:var(--white,#ffffff);color:var(--gray-900,#0f172a);width:100%;max-width:520px;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.15);overflow:hidden;display:flex;flex-direction:column;position:relative;max-height:94vh;}
[data-theme="dark"] .onboarding-modal-card{background:#1e293b;color:#f8fafc;border-color:#334155;}
.modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(148,163,184,0.15);border:none;color:var(--gray-500,#64748b);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10;}
.modal-close-btn:hover{background:rgba(148,163,184,0.3);color:#0f172a;}
[data-theme="dark"] .modal-close-btn{color:#cbd5e1;}
[data-theme="dark"] .modal-close-btn:hover{color:#ffffff;}
.onboarding-modal-header{padding:1.25rem 1.75rem 0.6rem;text-align:center;border-bottom:1px solid var(--gray-100,#f1f5f9);}
[data-theme="dark"] .onboarding-modal-header{border-color:#334155;}
.onboarding-steps-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:0.35rem;}
.step-dot{width:28px;height:28px;border-radius:50%;background:var(--gray-200,#e2e8f0);color:var(--gray-600,#64748b);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.82rem;transition:all 0.3s ease;}
[data-theme="dark"] .step-dot{background:#334155;color:#94a3b8;}
.step-dot.active{background:linear-gradient(135deg,#0284c7,#2563eb);color:white;box-shadow:0 0 0 3px rgba(2,132,199,0.25);}
.step-dot.completed{background:#10b981;color:white;}
.step-connector{width:22px;height:3px;background:var(--gray-200,#e2e8f0);border-radius:2px;transition:background 0.3s ease;}
[data-theme="dark"] .step-connector{background:#334155;}
.step-connector.completed{background:#10b981;}
.onboarding-modal-body{padding:1.1rem 1.75rem 1.5rem;overflow-y:auto;}
.step-headline{text-align:center;margin-bottom:1rem;}
.step-headline h2{font-size:1.25rem;font-weight:800;margin-bottom:0.25rem;}
.step-headline p{font-size:0.85rem;color:var(--gray-600,#64748b);margin:0;}
[data-theme="dark"] .step-headline p{color:#94a3b8;}
.step-badge{display:inline-block;padding:0.15rem 0.55rem;border-radius:9999px;background:rgba(2,132,199,0.12);color:#0284c7;font-size:0.75rem;font-weight:800;margin-bottom:0.3rem;letter-spacing:0.5px;text-transform:uppercase;}
[data-theme="dark"] .step-badge{background:rgba(56,189,248,0.15);color:#38bdf8;}
.funnel-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;margin-bottom:0.85rem;}
.funnel-toggle-card{border:2px solid var(--gray-200,#e2e8f0);border-radius:14px;padding:0.85rem 0.75rem;background:var(--gray-50,#f8fafc);cursor:pointer;display:flex;align-items:center;gap:0.65rem;transition:all 0.25s ease;user-select:none;}
[data-theme="dark"] .funnel-toggle-card{background:#0f172a;border-color:#334155;color:#f1f5f9;}
.funnel-toggle-card .card-icon{font-size:1.4rem;flex-shrink:0;}
.funnel-toggle-card .card-text{display:flex;flex-direction:column;text-align:left;}
.funnel-toggle-card .card-text strong{font-size:0.9rem;line-height:1.25;}
.funnel-toggle-card .card-text span{font-size:0.75rem;color:var(--gray-500,#64748b);margin-top:2px;}
[data-theme="dark"] .funnel-toggle-card .card-text span{color:#94a3b8;}
.funnel-toggle-card.selected{border-color:#0284c7;background:rgba(2,132,199,0.08);box-shadow:0 0 0 3px rgba(2,132,199,0.2);}
[data-theme="dark"] .funnel-toggle-card.selected{background:rgba(2,132,199,0.2);border-color:#38bdf8;}
.funnel-date-input,.funnel-select-input{width:100%;padding:0.75rem 0.65rem;border-radius:12px;border:2px solid var(--gray-200,#e2e8f0);background:var(--white,#ffffff);font-size:0.9rem;font-weight:700;color:var(--gray-900,#0f172a);outline:none;box-sizing:border-box;cursor:pointer;transition:border-color 0.25s ease;}
[data-theme="dark"] .funnel-date-input,[data-theme="dark"] .funnel-select-input{background:#0f172a;border-color:#334155;color:#ffffff;}
.funnel-date-input:focus,.funnel-select-input:focus{border-color:#0284c7;}
.duration-pills-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0.35rem;}
.duration-pill{padding:0.65rem 0.3rem;border-radius:12px;border:2px solid var(--gray-200,#e2e8f0);background:var(--gray-50,#f8fafc);color:var(--gray-800,#1e293b);font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;text-align:center;}
[data-theme="dark"] .duration-pill{background:#0f172a;border-color:#334155;color:#cbd5e1;}
.duration-pill.active{border-color:#0284c7;background:linear-gradient(135deg,#0284c7,#2563eb);color:#ffffff;box-shadow:0 4px 12px rgba(2,132,199,0.3);}
.days-chips-flex{display:grid;grid-template-columns:repeat(7,1fr);gap:0.3rem;}
.day-chip{padding:0.65rem 0.1rem;border-radius:12px;border:2px solid var(--gray-200,#e2e8f0);background:var(--gray-50,#f8fafc);text-align:center;font-weight:700;font-size:0.85rem;cursor:pointer;user-select:none;transition:all 0.2s ease;color:var(--gray-700,#334155);}
[data-theme="dark"] .day-chip{background:#0f172a;border-color:#334155;color:#cbd5e1;}
.day-chip.selected{border-color:#10b981;background:#10b981;color:#ffffff;box-shadow:0 4px 10px rgba(16,185,129,0.3);}
.plan-ready-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(2,132,199,0.15));border:1px solid rgba(16,185,129,0.4);border-radius:9999px;color:#10b981;font-size:0.82rem;font-weight:800;margin-bottom:0.5rem;}
.btn-funnel-prev{background:#f1f5f9;color:#334155;border:1.5px solid #cbd5e1;padding:0.85rem 1.25rem;border-radius:12px;font-weight:700;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;}
[data-theme="dark"] .btn-funnel-prev{background:#1e293b;color:#f1f5f9;border-color:#334155;}
.btn-funnel-prev:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8;}
[data-theme="dark"] .btn-funnel-prev:hover{background:#334155;color:#ffffff;border-color:#475569;}
.btn-funnel-secondary{width:100%;background:#ffffff;color:#334155;border:1.5px solid #cbd5e1;border-radius:12px;padding:0.85rem 1.25rem;font-size:0.95rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:48px;box-sizing:border-box;}
[data-theme="dark"] .btn-funnel-secondary{background:#ffffff !important;color:#374151 !important;border:1px solid #d1d5db !important;}
.btn-funnel-secondary:hover{background:#f9fafb !important;border-color:#9ca3af !important;color:#111827 !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;}
[data-theme="dark"] .btn-funnel-secondary:hover{background:#f9fafb !important;border-color:#9ca3af !important;color:#111827 !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.2) !important;}
.funnel-nav-row{display:flex;gap:0.75rem;align-items:center;margin-top:1.5rem;}
.funnel-nav-row .btn,.funnel-nav-row .btn-primary,.funnel-nav-row button[type="submit"]{border-radius:12px !important;padding:0.85rem 1.25rem !important;font-size:0.95rem !important;font-weight:700 !important;min-height:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#0284c7 !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 12px rgba(2,132,199,0.3) !important;box-sizing:border-box !important;}
.funnel-nav-row .btn-primary:hover,.funnel-nav-row button[type="submit"]:hover{background:#0369a1 !important;transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(2,132,199,0.4) !important;}
@media (max-width:640px){.onboarding-modal-overlay{padding:0.4rem;}
.onboarding-modal-card{border-radius:20px;max-height:96vh;}
.onboarding-modal-header{padding:0.9rem 1rem 0.35rem;}
.onboarding-modal-body{padding:0.75rem 1rem 1rem;}
.step-headline{margin-bottom:0.65rem;}
.step-headline h2{font-size:1.15rem;margin-bottom:0.15rem;}
.step-headline p{font-size:0.8rem;line-height:1.25;}
.funnel-options-grid{grid-template-columns:1fr 1fr !important;gap:0.45rem;margin-bottom:0.65rem;}
.funnel-toggle-card{padding:0.6rem 0.45rem;gap:0.4rem;border-radius:12px;}
.funnel-toggle-card .card-icon{font-size:1.25rem;}
.funnel-toggle-card .card-text strong{font-size:0.82rem;}
.funnel-toggle-card .card-text span{font-size:0.7rem;}
.funnel-select-input{padding:0.65rem 0.4rem;font-size:0.85rem;}
.form-group{margin-bottom:0.55rem !important;}
.duration-pills-row{grid-template-columns:repeat(4,1fr) !important;gap:0.25rem;}
.duration-pill{padding:0.55rem 0.15rem;font-size:0.78rem;}
.days-chips-flex{grid-template-columns:repeat(7,1fr) !important;gap:0.2rem;}
.day-chip{padding:0.55rem 0.1rem;font-size:0.78rem;}
.funnel-nav-row{margin-top:0.9rem !important;}
.funnel-nav-row .btn,.btn-funnel-prev{padding:0.75rem 0.85rem;font-size:0.88rem;}
}
.step-header-label{font-size:0.8rem;font-weight:800;color:#0284c7;text-transform:uppercase;letter-spacing:0.5px;}
.intent-title{font-size:1.35rem;line-height:1.3;margin:0.6rem 0 0.4rem 0;}
.intent-subtitle{font-size:0.9rem;color:var(--gray-600,#94a3b8);margin-bottom:1.25rem;}
.intent-points-list{background:rgba(2,132,199,0.07);border:1.5px solid rgba(2,132,199,0.2);border-radius:16px;padding:1.25rem 1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.75rem;text-align:left;}
.intent-point-item{display:flex;align-items:center;gap:0.75rem;font-size:0.92rem;color:var(--color-text-main,#f1f5f9);font-weight:600;}
.funnel-form-label{font-weight:700;font-size:0.88rem;margin-bottom:0.45rem;display:block;}
.cbr-date-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:0.6rem;}
.cbr-date-parts-grid{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:0.3rem;}
.cbr-guide-box{margin-top:1.25rem;background:rgba(2,132,199,0.08);border:1px solid rgba(2,132,199,0.25);border-radius:14px;padding:1rem;text-align:left;}
.cbr-guide-box p{font-size:0.85rem;color:var(--gray-600,#475569);line-height:1.5;margin:0;}
.study-reminder-group{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--gray-50,#f8fafc);padding:0.85rem 1rem;border-radius:14px;border:1px solid var(--gray-200,#e2e8f0);}
[data-theme="dark"] .study-reminder-group{background:#0f172a;border-color:#334155;}
.study-reminder-group label{font-weight:700;font-size:0.88rem;margin-bottom:0;display:block;}
.study-reminder-select{max-width:130px;text-align:center;}
.schedule-tempo-box{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);border-radius:14px;padding:1.25rem;text-align:left;margin-bottom:1.25rem;}
.schedule-tempo-box p{font-size:0.9rem;color:var(--gray-700,#334155);line-height:1.5;margin:0;}