.login-page-backdrop{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--light-bg);padding:var(--space-xl);overflow:hidden;box-sizing:border-box}.backdrop-circles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.backdrop-circles .circle{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.15}.backdrop-circles .circle-1{width:500px;height:500px;background:var(--accent-teal);top:-10%;left:-10%}.backdrop-circles .circle-2{width:600px;height:600px;background:var(--accent-orange);bottom:-15%;right:-10%}.login-modal-card{width:100%;max-width:960px;min-height:580px;display:grid;grid-template-columns:1fr 1.1fr;border-radius:32px;background:rgba(255,255,255,.85);border:1.5px solid rgba(20,184,166,.15);backdrop-filter:blur(25px);box-shadow:0 20px 60px rgba(15,23,42,.06);position:relative;z-index:5;overflow:hidden}.modal-close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);background:rgba(0,0,0,.05);border:none;width:36px;height:36px;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-secondary-light);font-size:var(--font-sm);transition:all var(--transition-fast);z-index:10}.modal-close-btn:hover{background:rgba(239,68,68,.1);color:var(--danger);transform:rotate(90deg)}.modal-left-panel{background:linear-gradient(135deg,rgba(20,184,166,.06),rgba(139,92,246,.06));border-right:1px solid rgba(0,0,0,.05);padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;position:relative}.modal-left-panel .panel-logo{font-family:var(--font-display);font-size:var(--font-2xl);font-weight:var(--weight-black);color:var(--text-primary-light)}.modal-left-panel .panel-logo span{color:var(--accent-orange)}.illustration-container{flex-grow:1;display:flex;justify-content:center;align-items:center;margin:var(--space-md) 0;max-width:330px}.login-ill-img{width:100%;height:auto;object-fit:contain}.welcome-text-block h3{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--weight-black);color:var(--text-primary-light);margin-bottom:var(--space-xs)}.welcome-text-block p{font-size:var(--font-sm);color:var(--text-secondary-light);line-height:var(--lh-relaxed)}.floating-animation{animation:float-y 5s ease-in-out infinite}@keyframes float-y{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.modal-right-panel{padding:var(--space-3xl) var(--space-3xl) var(--space-2xl);display:flex;flex-direction:column;justify-content:center}.form-container{width:100%;max-width:380px;margin:0 auto}.form-title{font-family:var(--font-display);font-size:var(--font-3xl);font-weight:var(--weight-black);color:var(--text-primary-light);margin-bottom:var(--space-xs)}.form-subtitle{font-size:var(--font-sm);color:var(--text-secondary-light);margin-bottom:var(--space-xl)}.auth-form{gap:var(--space-md)}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:var(--space-xs)}.auth-form label{font-family:var(--font-display);font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-secondary-light)}.auth-form input{font-family:var(--font-body);font-size:var(--font-sm);padding:.75rem var(--space-md);border-radius:var(--radius-md);background:var(--light-surface);border:1.5px solid var(--light-border);color:var(--text-primary-light);transition:all var(--transition-fast)}.auth-form input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px rgba(20,184,166,.15);outline:none}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-pass-link{font-family:var(--font-display);font-size:11px;font-weight:var(--weight-bold);color:var(--accent-violet);background:none;border:none;cursor:pointer;padding:0}.forgot-pass-link:hover{text-decoration:underline}.password-input-wrapper{position:relative;display:flex;width:100%}.password-input-wrapper input{width:100%;padding-right:60px}.password-toggle-btn{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;font-family:var(--font-display);font-size:11px;font-weight:var(--weight-bold);color:var(--text-muted-light);cursor:pointer}.password-toggle-btn:hover{color:var(--accent-teal)}.btn-auth-submit{background:linear-gradient(135deg,var(--accent-teal) 0,#0D9488 100%);box-shadow:0 5px 0 #0D9488;margin-top:var(--space-sm);padding:.75rem}.btn-auth-submit:hover{box-shadow:0 8px 0 #0D9488,var(--shadow-glow)}.btn-auth-submit:active{box-shadow:0 2px 0 #0D9488}.divider-strip{display:flex;align-items:center;text-align:center;color:var(--text-muted-light);font-size:var(--font-xs);margin:var(--space-xs) 0}.divider-strip:after,.divider-strip:before{content:"";flex:1;border-bottom:1.5px solid var(--light-border)}.divider-strip:not(:empty):before{margin-right:var(--space-md)}.divider-strip:not(:empty):after{margin-left:var(--space-md)}.btn-google-auth{background:#fff;border:1.5px solid var(--light-border);color:var(--text-primary-light);display:flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:.75rem;box-shadow:0 4px 0 var(--light-border)}.btn-google-auth:hover{background:var(--light-surface-elevated);box-shadow:0 6px 0 var(--light-border)}.btn-google-auth:active{box-shadow:0 1px 0 var(--light-border)}.google-icon{font-family:var(--font-display);font-weight:var(--weight-black);color:#4285F4;background:rgba(66,133,244,.1);width:22px;height:22px;border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;font-size:var(--font-xs)}.auth-footer-toggle{text-align:center;margin-top:var(--space-xl)}.auth-footer-toggle p{font-size:var(--font-sm);color:var(--text-secondary-light)}.toggle-auth-btn{background:none;border:none;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--accent-teal);cursor:pointer;padding:0}.toggle-auth-btn:hover{text-decoration:underline}.auth-error-banner{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--danger);font-size:var(--font-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.dashboard-mock-card{width:100%;max-width:960px;min-height:580px;border-radius:var(--radius-3xl);background:rgba(255,255,255,.85);border:1.5px solid rgba(20,184,166,.15);backdrop-filter:blur(25px);box-shadow:0 20px 50px rgba(0,0,0,.08);z-index:5;display:flex;flex-direction:column;overflow:hidden}.db-header{padding:var(--space-md) var(--space-2xl);border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(20,184,166,.04),rgba(139,92,246,.04))}.db-logo{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--weight-black);margin-right:var(--space-xl)}.db-logo span{color:var(--accent-orange)}.db-greeting{font-family:var(--font-display);font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--text-primary-light)}.btn-logout{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs)}.db-body-layout{display:grid;grid-template-columns:220px 1fr;flex-grow:1}.db-sidebar{background:rgba(0,0,0,.02);border-right:1px solid rgba(0,0,0,.05);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.db-sidebar-tab{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;font-family:var(--font-display);font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-secondary-light);cursor:pointer;transition:all var(--transition-fast)}.db-sidebar-tab:hover{background:rgba(20,184,166,.05);color:var(--accent-teal)}.db-sidebar-tab.active{background:var(--accent-teal);color:#fff;box-shadow:0 4px 10px rgba(20,184,166,.2)}.db-content-panel{padding:var(--space-2xl);overflow-y:auto}.db-tab-view{display:flex;flex-direction:column;gap:var(--space-xl)}.tab-fade-in{animation:slide-in .4s ease-out}.tab-header h3{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--weight-black);color:var(--text-primary-light)}.tab-header p{font-size:var(--font-sm);color:var(--text-secondary-light);margin-top:2px}.db-progress-metrics{gap:var(--space-md)}.db-progress-metrics,.metric-row{display:flex;flex-direction:column}.metric-row{gap:4px}.metric-info{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-secondary-light)}.metric-bar-bg{height:8px;background:var(--light-border);overflow:hidden}.metric-bar-bg,.metric-bar-fill{border-radius:var(--radius-full)}.metric-bar-fill{height:100%}.metric-bar-fill.color-teal{background:var(--accent-teal)}.metric-bar-fill.color-orange{background:var(--accent-orange)}.metric-bar-fill.color-violet{background:var(--accent-violet)}.metric-bar-fill.color-blue{background:#3B82F6}.dashboard-notice{background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.dashboard-notice h4{font-family:var(--font-display);font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--accent-violet-dark)}.dashboard-notice p{font-size:var(--font-xs);color:var(--text-secondary-light)}.certificates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.certificate-card{padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--light-border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.certificate-card .cert-badge{font-size:2rem;margin-bottom:var(--space-xs)}.certificate-card h4{font-size:var(--font-md);font-weight:var(--weight-bold)}.certificate-card p{font-size:var(--font-xs);color:var(--text-muted-light);margin-bottom:var(--space-sm)}.certificate-card.locked{opacity:.6;background:var(--light-surface-elevated)}.db-attendance-table{width:100%;border-collapse:collapse;text-align:left}.db-attendance-table td,.db-attendance-table th{padding:var(--space-md);font-size:var(--font-xs);border-bottom:1px solid var(--light-border)}.db-attendance-table th{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-secondary-light)}.db-attendance-table td{color:var(--text-primary-light)}.att-status{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);padding:2px var(--space-sm);border-radius:var(--radius-full)}.att-status.present{background:rgba(16,185,129,.1);color:var(--success)}.demo-history-list{display:flex;flex-direction:column;gap:var(--space-md)}.demo-history-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center}.history-details h4{font-size:var(--font-sm);font-weight:var(--weight-bold)}.history-details p{font-size:var(--font-xs);color:var(--text-muted-light);margin-top:2px}.history-badge-status{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);padding:3px var(--space-sm);border-radius:var(--radius-full)}.history-badge-status.status-completed{background:rgba(20,184,166,.1);color:var(--accent-teal)}@media (prefers-color-scheme:dark-disabled-in-light-phase){.login-page-backdrop{background-color:var(--dark-bg)}.login-modal-card{background:rgba(20,22,40,.85);border-color:rgba(20,184,166,.25)}.modal-left-panel{background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(139,92,246,.08));border-right-color:var(--dark-border)}.modal-left-panel .panel-logo,.welcome-text-block h3{color:var(--text-primary-dark)}.welcome-text-block p{color:var(--text-secondary-dark)}.form-title{color:var(--text-primary-dark)}.auth-form label,.form-subtitle{color:var(--text-secondary-dark)}.auth-form input{background:var(--dark-surface);border-color:var(--dark-border);color:var(--text-primary-dark)}.forgot-pass-link{color:var(--accent-violet)}.divider-strip,.password-toggle-btn{color:var(--text-muted-dark)}.divider-strip:after,.divider-strip:before{border-bottom-color:var(--dark-border)}.btn-google-auth{background:var(--dark-surface);border-color:var(--dark-border);color:var(--text-primary-dark);box-shadow:0 4px 0 var(--dark-border)}.btn-google-auth:hover{background:var(--dark-surface-elevated)}.auth-footer-toggle p{color:var(--text-secondary-dark)}.toggle-auth-btn{color:var(--accent-teal)}.modal-close-btn{background:rgba(255,255,255,.05);color:var(--text-secondary-dark)}.dashboard-mock-card{background:rgba(20,22,40,.85);border-color:rgba(20,184,166,.25)}.db-header{border-bottom-color:var(--dark-border);background:linear-gradient(90deg,rgba(20,184,166,.06),rgba(139,92,246,.06))}.db-greeting{color:var(--text-primary-dark)}.db-sidebar{background:rgba(0,0,0,.15);border-right-color:var(--dark-border)}.db-sidebar-tab{color:var(--text-secondary-dark)}.db-sidebar-tab:hover{background:rgba(20,184,166,.08)}.tab-header h3{color:var(--text-primary-dark)}.metric-info,.tab-header p{color:var(--text-secondary-dark)}.metric-bar-bg{background:var(--dark-border)}.dashboard-notice{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.25)}.dashboard-notice h4{color:#A78BFA}.dashboard-notice p{color:var(--text-secondary-dark)}.certificate-card{border-color:var(--dark-border)}.certificate-card.locked{background:var(--dark-surface)}.db-attendance-table td,.db-attendance-table th{border-bottom-color:var(--dark-border)}.db-attendance-table th{color:var(--text-secondary-dark)}.db-attendance-table td{color:var(--text-primary-dark)}.demo-history-item{border-color:var(--dark-border)}.history-details p{color:var(--text-muted-dark)}}@media (max-width:900px){.login-modal-card{grid-template-columns:1fr;max-width:480px;min-height:auto}.modal-left-panel{display:none}.modal-right-panel{padding:var(--space-3xl) var(--space-xl) var(--space-2xl)}.db-body-layout{grid-template-columns:1fr}.db-sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--light-border);padding:var(--space-sm)}@media (prefers-color-scheme:dark-disabled-in-light-phase){.db-sidebar{border-bottom-color:var(--dark-border)}}.db-sidebar-tab{width:auto;flex-grow:1;text-align:center}}@media (max-width:480px){.login-page-backdrop{padding:var(--space-md)}.modal-right-panel{padding:var(--space-2xl) var(--space-md) var(--space-md)}.db-header{padding:var(--space-md);flex-direction:column;gap:var(--space-sm);align-items:stretch;text-align:center}.db-actions{display:flex;justify-content:center}.db-content-panel{padding:var(--space-md)}.certificates-grid{grid-template-columns:1fr}.db-sidebar-tab{padding:var(--space-xs) var(--space-sm);font-size:10px}}.campaign-landing-page{--primary:#2563eb;--primary-glow:rgba(37,99,235,0.12);--primary-dark:#1d4ed8;--purple:#8b5cf6;--purple-glow:rgba(139,92,246,0.12);--purple-dark:#6d28d9;--gold:#eab308;--gold-glow:rgba(234,179,8,0.12);--gold-dark:#a16207;--teal:#14b8a6;--teal-glow:rgba(20,184,166,0.12);--teal-dark:#0f766e;--text-main:#0f172a;--text-muted:#475569;--bg-light:#f8fafc;width:100%;overflow-x:hidden;background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-body,"Inter",sans-serif)}.cpl-section-tag{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);margin-bottom:.75rem;background:var(--purple-glow);padding:4px 12px;border-radius:99px}.cpl-section-header h2,.cpl-section-tag{font-family:var(--font-display,"Outfit",sans-serif)}.cpl-section-header h2{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin-bottom:1rem}.cpl-section-header p{color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto 3rem}.cpl-hero{position:relative;padding:8rem 0 5rem;overflow:hidden;background:#ffffff}.cpl-hero-bg{position:absolute;inset:0;pointer-events:none}.cpl-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.cpl-orb-blue{width:400px;height:400px;background:var(--primary-glow);top:-100px;left:-100px}.cpl-orb-purple{width:450px;height:450px;background:var(--purple-glow);bottom:-150px;right:-100px}.cpl-orb-gold{width:350px;height:350px;background:var(--gold-glow);top:20%;right:25%}.cpl-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}.cpl-badge-pill{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);background:var(--primary-glow);padding:6px 16px;border-radius:99px}.cpl-badge-pill,.cpl-hero-content h1{font-family:var(--font-display,"Outfit",sans-serif);margin-bottom:1.5rem}.cpl-hero-content h1{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;color:var(--text-main)}.cpl-hero-sub{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin-bottom:2.5rem}.cpl-hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.cpl-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff!important;font-weight:700;font-family:var(--font-display,"Outfit",sans-serif);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.3);transition:all .25s ease;text-decoration:none}.cpl-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.cpl-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;border:2px solid rgba(15,23,42,.08);color:var(--text-main)!important;font-weight:700;font-family:var(--font-display,"Outfit",sans-serif);border-radius:12px;transition:all .25s ease;text-decoration:none}.cpl-btn-secondary:hover{background:rgba(15,23,42,.03);border-color:rgba(15,23,42,.15)}.cpl-hero-metrics{display:flex;gap:2rem;font-size:.9rem;font-weight:700;color:var(--text-muted)}.cpl-hero-visual{display:flex;justify-content:center}.cpl-visual-box{padding:2.5rem;position:relative}.cpl-hero-img{max-width:320px;height:auto;border-radius:16px}.cpl-float-tag{position:absolute;padding:8px 16px;background:#ffffff;border-radius:99px;box-shadow:0 10px 25px rgba(0,0,0,.06);font-size:.85rem;font-weight:800}.cpl-tag-1{top:15%;left:-15%;color:var(--purple-dark)}.cpl-tag-2{bottom:20%;right:-5%;color:var(--teal-dark)}.cpl-learn-section{padding:5rem 0}.cpl-learn-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;padding:4rem;align-items:center}.cpl-learn-text h2{font-family:var(--font-display,"Outfit",sans-serif);font-size:2.25rem;font-weight:850;margin-bottom:1rem}.cpl-body-text{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2.5rem}.cpl-bullets-list{display:flex;flex-direction:column;gap:1.5rem}.cpl-bullet-item{display:flex;gap:1.25rem;align-items:flex-start}.cpl-icon-wrapper{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;flex-shrink:0;margin-top:3px}.cpl-icon-wrapper.sky{background:rgba(56,189,248,.15);color:#0284c7}.cpl-icon-wrapper.orange{background:rgba(251,146,60,.15);color:#ea580c}.cpl-icon-wrapper.gold{background:rgba(253,224,71,.2);color:#a16207}.cpl-icon-wrapper.purple{background:rgba(192,132,252,.15);color:#9333ea}.cpl-icon-wrapper.teal{background:rgba(45,212,191,.15);color:#0d9488}.cpl-bullet-item h4{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.1rem;font-weight:800;margin:0 0 .25rem;color:var(--text-main)}.cpl-bullet-item p{font-size:.95rem;color:var(--text-muted);margin:0;line-height:1.5}.cpl-learn-visual{display:flex;flex-direction:column;align-items:center;gap:2rem}.cpl-rocket-img{max-width:220px}.cpl-learn-trust-card{padding:1.5rem;text-align:center}.cpl-learn-trust-card h4{font-family:var(--font-display,"Outfit",sans-serif);font-weight:850;color:var(--purple-dark);margin:0 0 .5rem}.cpl-learn-trust-card p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.cpl-form-section{padding:5rem 0}.cpl-form-grid-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:4rem;align-items:center}.cpl-form-info-side{display:flex;flex-direction:column}.cpl-form-badge{display:inline-block;font-size:.8rem;font-weight:700;color:var(--primary-dark);background:var(--primary-glow);padding:4px 12px;border-radius:99px;align-self:flex-start;margin-bottom:1rem;text-transform:uppercase}.cpl-form-badge,.cpl-form-info-side h2{font-family:var(--font-display,"Outfit",sans-serif)}.cpl-form-info-side h2{font-size:2.5rem;font-weight:850;margin-bottom:1.25rem}.cpl-form-info-side p{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.cpl-form-bullets{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.cpl-info-bullet{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.05rem;font-weight:700;color:var(--text-main)}.cpl-bullet-icon{color:var(--purple)}.cpl-form-visual{margin-top:1rem}.cpl-form-trophy{max-width:140px}.cpl-form-card{padding:3rem}.cpl-form-card h3{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.75rem;font-weight:850;margin-bottom:2rem}.cpl-form{gap:1.25rem}.cpl-form,.cpl-input-group{display:flex;flex-direction:column}.cpl-input-group{gap:.5rem}.cpl-input-group label{font-family:var(--font-display,"Outfit",sans-serif);font-size:.85rem;font-weight:700;color:var(--text-main)}.cpl-input-group input,.cpl-input-group select{padding:.75rem 1rem;border:1px solid rgba(15,23,42,.15);border-radius:10px;background:rgba(248,250,252,.8);font-family:var(--font-body,"Inter",sans-serif);font-size:.95rem;transition:all .2s ease}.cpl-input-group input:focus,.cpl-input-group select:focus{outline:none;border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 3px var(--primary-glow)}.cpl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cpl-btn-submit{width:100%;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.05rem;font-weight:800;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.25);transition:all .25s ease}.cpl-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.35)}.cpl-error-banner{padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-weight:600;border-radius:8px;font-size:.9rem}.cpl-success-state{padding:2rem 1rem}.cpl-success-icon{width:60px;height:60px;background:var(--teal-glow);color:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;margin:0 auto 1.5rem}.cpl-success-state h4{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.5rem;font-weight:850;margin-bottom:.75rem}.cpl-success-state p{color:var(--text-muted);line-height:1.5;font-size:.95rem}.cpl-testimonials-section{padding:5rem 0}.cpl-testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.cpl-testimonial-card{padding:2.5rem 2rem;display:flex;flex-direction:column}.cpl-stars{color:#fbbf24;font-size:1.1rem;margin-bottom:1rem}.cpl-quote{font-size:1rem;line-height:1.6;font-style:italic;color:var(--text-muted);margin-bottom:2rem;flex-grow:1}.cpl-author-info{display:flex;align-items:center;gap:1rem}.cpl-author-avatar{width:44px;height:44px;background:var(--purple-glow);color:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.cpl-author-avatar,.cpl-author-info h4{font-family:var(--font-display,"Outfit",sans-serif);font-weight:800}.cpl-author-info h4{margin:0 0 2px;font-size:.95rem}.cpl-author-info span{font-size:.8rem;color:var(--text-muted)}.cpl-faq-section{padding:5rem 0;background:#ffffff}.cpl-container-faq{max-width:800px}.cpl-faq-wrapper{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cpl-faq-item{padding:1.25rem 2rem;cursor:pointer;transition:all .2s ease}.cpl-faq-item:hover{border-color:rgba(37,99,235,.2)}.cpl-faq-question{display:flex;justify-content:space-between;align-items:center}.cpl-faq-question h4{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.15rem;font-weight:800;margin:0;color:var(--text-main)}.cpl-faq-chevron{color:var(--text-muted);transition:transform .25s ease}.cpl-faq-item.active .cpl-faq-chevron{transform:rotate(180deg);color:var(--primary)}.cpl-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.cpl-faq-item.active .cpl-faq-answer{grid-template-rows:1fr}.cpl-faq-answer-inner{overflow:hidden}.cpl-faq-answer-inner p{margin:1rem 0 0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.cpl-cta-section{padding:6rem 0}.cpl-cta-card{max-width:850px;margin:0 auto;padding:5rem 3rem;background:radial-gradient(100% 100% at 50% 0,rgba(37,99,235,.03) 0,rgba(139,92,246,.03) 100%);border:1px solid rgba(139,92,246,.15);box-shadow:0 20px 50px -15px rgba(139,92,246,.08)}.cpl-cta-tag{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);background:var(--purple-glow);padding:4px 12px;border-radius:99px}.cpl-cta-card h2,.cpl-cta-tag{font-family:var(--font-display,"Outfit",sans-serif);margin-bottom:1.5rem}.cpl-cta-card h2{font-size:2.75rem;font-weight:900;line-height:1.25}.cpl-cta-card p{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.cpl-btn-cta-primary{padding:1rem 3rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.1rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 24px rgba(37,99,235,.35);transition:all .25s ease}.cpl-btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,99,235,.45)}@media (max-width:1024px){.cpl-form-grid-layout,.cpl-hero-grid,.cpl-learn-grid{grid-template-columns:1fr;text-align:center}.cpl-hero-content{display:flex;flex-direction:column;align-items:center}.cpl-hero-actions,.cpl-hero-metrics{justify-content:center}.cpl-learn-grid{padding:3rem 2rem;gap:3rem}.cpl-bullet-item,.cpl-bullets-list{align-items:center}.cpl-bullet-item{flex-direction:column;text-align:center}.cpl-form-bullets,.cpl-form-info-side{align-items:center}}@media (max-width:768px){.cpl-hero-content h1{font-size:2.5rem}.cpl-testimonials-grid{grid-template-columns:1fr}.cpl-form-card{padding:2rem 1.5rem}.cpl-form-row{grid-template-columns:1fr}.cpl-cta-card{padding:3rem 1.5rem}.cpl-cta-card h2{font-size:2rem}}.city-landing-page{--primary:#2563eb;--primary-glow:rgba(37,99,235,0.12);--primary-dark:#1d4ed8;--purple:#8b5cf6;--purple-glow:rgba(139,92,246,0.12);--purple-dark:#6d28d9;--teal:#14b8a6;--teal-glow:rgba(20,184,166,0.12);--teal-dark:#0f766e;--text-main:#0f172a;--text-muted:#475569;--bg-light:#f8fafc;width:100%;overflow-x:hidden;background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-body,"Inter",sans-serif)}.cl-section-tag{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);margin-bottom:.75rem;background:var(--purple-glow);padding:4px 12px;border-radius:99px}.cl-section-header h2,.cl-section-tag{font-family:var(--font-display,"Outfit",sans-serif)}.cl-section-header h2{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin-bottom:1rem}.cl-section-header p{color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto 3rem}.glass-panel{background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 10px 30px -10px rgba(15,23,42,.08)}.cl-hero{position:relative;padding:8rem 0 5rem;overflow:hidden;background:#ffffff}.cl-hero-bg{position:absolute;inset:0;pointer-events:none}.cl-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.cl-orb-primary{width:400px;height:400px;background:var(--primary-glow);top:-100px;left:-100px}.cl-orb-purple{width:450px;height:450px;background:var(--purple-glow);bottom:-150px;right:-100px}.cl-orb-teal{width:350px;height:350px;background:var(--teal-glow);top:20%;right:25%}.cl-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem}.cl-badge-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display,"Outfit",sans-serif);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);background:var(--primary-glow);padding:6px 16px;border-radius:99px;margin-bottom:1.5rem}.cl-pin-icon{color:var(--primary)}.cl-hero-content h1{font-family:var(--font-display,"Outfit",sans-serif);font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;color:var(--text-main);margin-bottom:1.5rem}.cl-hero-sub{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin-bottom:2.5rem}.cl-hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.cl-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff!important;font-weight:700;font-family:var(--font-display,"Outfit",sans-serif);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.3);transition:all .25s ease;text-decoration:none}.cl-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.cl-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;border:2px solid rgba(15,23,42,.08);color:var(--text-main)!important;font-weight:700;font-family:var(--font-display,"Outfit",sans-serif);border-radius:12px;transition:all .25s ease;text-decoration:none}.cl-btn-secondary:hover{background:rgba(15,23,42,.03);border-color:rgba(15,23,42,.15)}.cl-trust-logos{display:flex;gap:2rem;font-size:.9rem;font-weight:700;color:var(--text-muted)}.cl-hero-visual{display:flex;justify-content:center}.cl-visual-box{padding:2.5rem;position:relative}.cl-hero-img{max-width:320px;height:auto;border-radius:16px}.cl-float-tag{position:absolute;padding:8px 16px;background:#ffffff;border-radius:99px;box-shadow:0 10px 25px rgba(0,0,0,.06);font-size:.85rem;font-weight:800}.cl-tag-1{top:15%;left:-15%;color:var(--purple-dark)}.cl-tag-2{bottom:20%;right:-5%;color:var(--teal-dark)}.cl-intro-section{padding:5rem 0}.cl-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;padding:4rem}.cl-intro-text h2{font-family:var(--font-display,"Outfit",sans-serif);font-size:2.25rem;font-weight:850;color:var(--text-main);margin-bottom:1rem}.cl-body-text{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.cl-features-list{display:flex;flex-direction:column;gap:1.25rem}.cl-feature-item{display:flex;gap:1rem;align-items:flex-start;font-size:1rem;line-height:1.5;color:var(--text-muted)}.cl-feature-item strong{color:var(--text-main);display:block}.cl-check-icon{color:var(--teal);flex-shrink:0;margin-top:2px}.cl-intro-visual{display:flex;justify-content:center}.cl-intro-img{max-width:240px}.cl-skills-section{padding:5rem 0;background:#ffffff}.cl-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.cl-skill-card{padding:2.5rem 2rem;transition:all .25s ease}.cl-skill-card:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.2);box-shadow:0 15px 35px -5px rgba(37,99,235,.1)}.cl-skill-emoji{font-size:2.5rem;display:inline-block;margin-bottom:1.25rem}.cl-skill-card h3{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.35rem;font-weight:800;margin-bottom:.75rem}.cl-skill-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin:0}.cl-form-section{padding:6rem 0}.cl-form-grid-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:4rem;align-items:center}.cl-form-info-side{display:flex;flex-direction:column}.cl-form-badge{display:inline-block;font-size:.8rem;font-weight:700;color:var(--primary-dark);background:var(--primary-glow);padding:4px 12px;border-radius:99px;align-self:flex-start;margin-bottom:1rem;text-transform:uppercase}.cl-form-badge,.cl-form-info-side h2{font-family:var(--font-display,"Outfit",sans-serif)}.cl-form-info-side h2{font-size:2.5rem;font-weight:850;margin-bottom:1.25rem}.cl-form-info-side p{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.cl-form-bullets{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cl-bullet-item{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.05rem;font-weight:700;color:var(--text-main)}.cl-bullet-icon{color:var(--purple)}.cl-form-visual{margin-top:1rem}.cl-form-trophy{max-width:140px}.cl-form-card{padding:3rem}.cl-form-card h3{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.75rem;font-weight:850;margin-bottom:2rem}.cl-form{gap:1.25rem}.cl-form,.cl-input-group{display:flex;flex-direction:column}.cl-input-group{gap:.5rem}.cl-input-group label{font-family:var(--font-display,"Outfit",sans-serif);font-size:.85rem;font-weight:700;color:var(--text-main)}.cl-input-group input,.cl-input-group select{padding:.75rem 1rem;border:1px solid rgba(15,23,42,.15);border-radius:10px;background:rgba(248,250,252,.8);font-family:var(--font-body,"Inter",sans-serif);font-size:.95rem;transition:all .2s ease}.cl-input-group input:focus,.cl-input-group select:focus{outline:none;border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 3px var(--primary-glow)}.cl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.consent-checkbox-wrapper{flex-direction:row;align-items:flex-start;gap:.75rem;margin-top:.5rem}.consent-checkbox-wrapper input{margin-top:3px;cursor:pointer}.consent-checkbox-wrapper label{font-family:var(--font-body,"Inter",sans-serif);font-size:.8rem;color:var(--text-muted);line-height:1.4;cursor:pointer}.cl-btn-submit{width:100%;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.05rem;font-weight:800;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.25);transition:all .25s ease}.cl-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.35)}.cl-error-banner{padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-weight:600;border-radius:8px;font-size:.9rem}.cl-success-state{padding:2rem 1rem}.cl-success-icon{width:60px;height:60px;background:var(--teal-glow);color:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;margin:0 auto 1.5rem}.cl-success-state h4{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.5rem;font-weight:850;margin-bottom:.75rem}.cl-success-state p{color:var(--text-muted);line-height:1.5;font-size:.95rem}.cl-testimonials-section{padding:5rem 0}.cl-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.cl-testimonial-card{padding:2.5rem 2rem;display:flex;flex-direction:column}.cl-stars{color:#fbbf24;font-size:1.1rem;margin-bottom:1rem}.cl-quote{font-size:1rem;line-height:1.6;font-style:italic;color:var(--text-muted);margin-bottom:2rem;flex-grow:1}.cl-author-info{display:flex;align-items:center;gap:1rem}.cl-author-avatar{width:44px;height:44px;background:var(--purple-glow);color:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.cl-author-avatar,.cl-author-info h4{font-family:var(--font-display,"Outfit",sans-serif);font-weight:800}.cl-author-info h4{margin:0 0 2px;font-size:.95rem}.cl-author-info span{font-size:.8rem;color:var(--text-muted)}.cl-faq-section{padding:5rem 0;background:#ffffff}.cl-container-faq{max-width:800px}.cl-faq-wrapper{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cl-faq-item{padding:1.25rem 2rem;cursor:pointer;transition:all .2s ease}.cl-faq-item:hover{border-color:rgba(37,99,235,.2)}.cl-faq-question{display:flex;justify-content:space-between;align-items:center}.cl-faq-question h4{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.15rem;font-weight:800;margin:0;color:var(--text-main)}.cl-faq-chevron{color:var(--text-muted);transition:transform .25s ease}.cl-faq-item.active .cl-faq-chevron{transform:rotate(180deg);color:var(--primary)}.cl-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.cl-faq-item.active .cl-faq-answer{grid-template-rows:1fr}.cl-faq-answer-inner{overflow:hidden}.cl-faq-answer-inner p{margin:1rem 0 0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.cl-cta-section{padding:6rem 0}.cl-cta-card{max-width:850px;margin:0 auto;padding:5rem 3rem;background:radial-gradient(100% 100% at 50% 0,rgba(37,99,235,.03) 0,rgba(139,92,246,.03) 100%);border:1px solid rgba(139,92,246,.15);box-shadow:0 20px 50px -15px rgba(139,92,246,.08)}.cl-cta-icon-row{margin-bottom:2rem}.cl-cta-rocket{max-width:100px}.cl-cta-card h2{font-family:var(--font-display,"Outfit",sans-serif);font-size:2.75rem;font-weight:900;line-height:1.25;margin-bottom:1.5rem}.cl-cta-card p{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.cl-btn-cta-primary{padding:1rem 3rem;background:linear-gradient(135deg,var(--primary) 0,var(--purple) 100%);color:#ffffff;font-family:var(--font-display,"Outfit",sans-serif);font-size:1.1rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 24px rgba(37,99,235,.35);transition:all .25s ease}.cl-btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,99,235,.45)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.bob-animation{animation:bob 4s ease-in-out infinite}.float-animation{animation:float 6s ease-in-out infinite}@media (max-width:1200px){.cl-skills-grid,.cl-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.cl-form-grid-layout,.cl-hero-grid,.cl-intro-grid{grid-template-columns:1fr;text-align:center}.cl-hero-content{display:flex;flex-direction:column;align-items:center}.cl-hero-actions,.cl-trust-logos{justify-content:center}.cl-intro-grid{padding:3rem 2rem;gap:3rem}.cl-feature-item,.cl-features-list{align-items:center}.cl-feature-item{flex-direction:column;text-align:center}.cl-form-bullets,.cl-form-info-side{align-items:center}}@media (max-width:768px){.cl-hero-content h1{font-size:2.5rem}.cl-skills-grid,.cl-testimonials-grid{grid-template-columns:1fr}.cl-form-card{padding:2rem 1.5rem}.cl-cta-card{padding:3rem 1.5rem}.cl-cta-card h2{font-size:2rem}}.crm-center-page{--primary:var(--accent-cyan);--primary-light:#67E8F9;--primary-dark:#0891B2;--primary-glow:rgba(6,182,212,0.18);--primary-soft:rgba(6,182,212,0.06);--secondary:var(--accent-rose);--secondary-light:#FDA4AF;--secondary-dark:#E11D48;--secondary-glow:rgba(244,63,94,0.18);--secondary-soft:rgba(244,63,94,0.06);--gradient-primary:linear-gradient(135deg,#06B6D4,#0891B2);--shadow-btn-primary:0 6px 0 #0891B2;width:100%;overflow-x:hidden;background-color:var(--light-bg)}.crm-center-page .btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-btn-primary),var(--shadow-sm);border:none;color:#fff!important}.crm-center-page .btn-primary:hover{box-shadow:0 9px 0 #0891B2,var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.crm-center-page .btn-primary:active{box-shadow:0 2px 0 #0891B2,var(--shadow-xs);transform:translateY(2px)}.crm-hero{padding:var(--space-4xl) 0 var(--space-2xl);background:var(--light-bg);position:relative;overflow:hidden}.crm-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(at 15% 15%,rgba(6,182,212,.15) 0,transparent 50%),radial-gradient(at 85% 85%,rgba(244,63,94,.12) 0,transparent 50%);pointer-events:none}.crm-hero h1{font-size:var(--font-5xl);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md);max-width:900px;margin-left:auto;margin-right:auto;color:var(--text-primary-light)}.crm-search-wrapper{max-width:650px;margin:0 auto;display:flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:rgba(255,255,255,.85);border:1.5px solid rgba(6,182,212,.15);box-shadow:var(--shadow-md);backdrop-filter:blur(20px);transition:all var(--transition-fast)}.crm-search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-2px)}.crm-categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm);margin-bottom:var(--space-2xl)}.crm-cat-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md) var(--space-sm);border-radius:24px;border:1.5px solid #e6ecff;background:#FFFFFF;cursor:pointer;transition:all .3s ease;text-align:center;gap:var(--space-xs);box-shadow:0 12px 35px rgba(70,90,150,.1),0 4px 12px rgba(70,90,150,.06),0 0 0 1px rgba(120,150,255,.08)}.crm-cat-btn .cat-icon{font-size:1.8rem;transition:transform var(--transition-fast)}.crm-cat-btn .cat-name{font-family:var(--font-display);font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-secondary-light)}.crm-cat-btn:hover{transform:translateY(-6px);border-color:#E6ECFF;box-shadow:0 20px 38px rgba(70,90,150,.15),0 6px 18px rgba(70,90,150,.08),0 0 0 1px rgba(120,150,255,.12)}.crm-cat-btn:hover .cat-icon{transform:scale(1.15)}.crm-cat-btn.active .cat-name{color:var(--primary-dark)}.crm-workspace-section{padding:var(--space-xl) 0 var(--space-4xl)}.crm-layout-grid{display:grid;grid-template-columns:3.5fr 8.5fr;gap:var(--space-xl);align-items:start}.crm-template-list-column{padding:var(--space-lg);border-radius:var(--radius-2xl);background:var(--light-surface);border:1.5px solid var(--light-border);display:flex;flex-direction:column;height:650px}.column-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--light-border);padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.column-header h3{font-size:var(--font-md);font-weight:var(--weight-bold);margin:0}.count-badge{font-size:var(--font-xxs);background:var(--light-surface-elevated);padding:3px 8px;border-radius:var(--radius-sm);font-weight:var(--weight-semibold);color:var(--text-muted-light)}.template-list-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding-right:var(--space-xxs)}.template-list-scroll::-webkit-scrollbar{width:4px}.template-list-scroll::-webkit-scrollbar-track{background:transparent}.template-list-scroll::-webkit-scrollbar-thumb{background:var(--light-border);border-radius:var(--radius-full)}.template-list-item{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--light-surface-elevated);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.template-list-item:hover{transform:translateX(3px);background:var(--light-surface);border-color:var(--light-border)}.template-list-item.selected{background:var(--light-surface);border-color:var(--primary-light);box-shadow:0 4px 10px rgba(6,182,212,.08)}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.category-tag-inline{font-size:var(--font-xxs);font-weight:var(--weight-bold);color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px}.channels-badge{font-size:10px;letter-spacing:2px}.template-list-item h4{font-size:var(--font-sm);font-weight:var(--weight-bold);margin:0 0 4px;color:var(--text-primary-light);line-height:var(--lh-tight)}.item-trigger-snippet{font-size:var(--font-xxs);color:var(--text-muted-light);margin:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.crm-preview-column{padding:var(--space-xl);border-radius:var(--radius-2xl);background:var(--light-surface);border:1.5px solid var(--light-border);min-height:650px}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1.5px solid var(--light-border);padding-bottom:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-md)}.workflow-badge{font-family:var(--font-display);font-size:var(--font-xxs);font-weight:var(--weight-bold);color:var(--secondary-dark);background:var(--secondary-soft);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;border:1px solid rgba(244,63,94,.1);display:inline-block;margin-bottom:var(--space-xxs)}.preview-header h2{font-size:var(--font-2xl);font-weight:var(--weight-black);margin:0;color:var(--text-primary-light)}.metadata-badges{display:flex;gap:var(--space-sm)}.meta-badge-item{background:var(--light-surface-elevated);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--light-border);display:flex;flex-direction:column}.meta-label{font-size:9px;text-transform:uppercase;color:var(--text-muted-light);font-weight:var(--weight-bold)}.meta-value{font-weight:var(--weight-semibold)}.automation-trigger-info,.meta-value{font-size:var(--font-xs);color:var(--text-secondary-light)}.automation-trigger-info{background:var(--primary-soft);border:1px solid rgba(6,182,212,.15);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xl)}.preview-workspace-split{display:grid;grid-template-columns:4.5fr 7.5fr;gap:var(--space-lg);align-items:start}.variables-customizer-card{padding:var(--space-md);border-radius:var(--radius-xl);background:var(--light-surface-elevated);border:1px solid var(--light-border)}.variables-customizer-card h4{font-size:var(--font-sm);font-weight:var(--weight-bold);margin:0 0 var(--space-xxs)}.sub-helper{font-size:var(--font-xxs);color:var(--text-muted-light);margin-bottom:var(--space-md)}.variables-fields-list{display:flex;flex-direction:column;gap:var(--space-sm)}.variable-input-group{display:flex;flex-direction:column;gap:4px}.variable-input-group label{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);color:var(--secondary-dark)}.var-text-input{width:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1.5px solid var(--light-border);background:var(--light-surface);color:var(--text-primary-light);font-family:var(--font-body);font-size:var(--font-xs);outline:none;transition:border-color var(--transition-fast)}.var-text-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.copy-boards-card{display:flex;flex-direction:column;gap:var(--space-md)}.channel-tabs-row{display:flex;gap:var(--space-xxs);background:var(--light-surface-elevated);padding:var(--space-xxs);border-radius:var(--radius-lg);border:1px solid var(--light-border)}.channel-tab-btn{flex:1;padding:var(--space-xs) 0;font-family:var(--font-display);font-size:var(--font-xs);font-weight:var(--weight-semibold);border:none;background:transparent;cursor:pointer;color:var(--text-secondary-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.channel-tab-btn.active{background:var(--light-surface);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.email-subjects-card{padding:var(--space-sm);background:var(--light-surface-elevated);border:1px solid var(--light-border);border-radius:var(--radius-xl)}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.subject-tag{font-size:10px;font-weight:var(--weight-bold);color:var(--text-muted-light);text-transform:uppercase}.subject-toggles{display:flex;gap:var(--space-xxs)}.sub-toggle-btn{border:1px solid var(--light-border);background:var(--light-surface);padding:2px 6px;border-radius:4px;font-size:10px;cursor:pointer;color:var(--text-secondary-light)}.sub-toggle-btn.active{background:var(--primary-dark);color:#fff;border-color:transparent}.subject-preview-box{display:flex;justify-content:space-between;align-items:center;background:var(--light-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--light-border)}.subject-line{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-primary-light);word-break:break-word;padding-right:var(--space-md)}.copy-small-btn{white-space:nowrap}.template-copy-frame{border:1.5px solid var(--light-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--light-surface-elevated)}.frame-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--light-surface);border-bottom:1.5px solid var(--light-border)}.frame-channel-label{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-black);letter-spacing:.5px;color:var(--text-muted-light)}.frame-code-view{padding:var(--space-lg);margin:0;font-family:Courier New,Courier,monospace;font-size:var(--font-xs);line-height:var(--lh-relaxed);color:var(--text-primary-light);white-space:pre-wrap;word-break:break-word;max-height:250px;overflow-y:auto}.crm-integration-notes{font-size:10px;line-height:var(--lh-relaxed);color:var(--text-muted-light);background:var(--light-surface-elevated);padding:var(--space-sm);border-radius:var(--radius-md);border-left:3.5px solid var(--primary)}.crm-integrations-section{padding:var(--space-3xl) 0;background:var(--light-surface-elevated)}.platforms-row-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.platform-logocard{padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--light-surface);border:1.5px solid var(--light-border);text-align:center}.platform-logocard h4{font-size:var(--font-md);font-weight:var(--weight-bold);margin:0 0 var(--space-xs)}.platform-logocard p{font-size:var(--font-xs);color:var(--text-secondary-light);line-height:var(--lh-relaxed);margin:0}@media (prefers-color-scheme:dark-disabled-in-light-phase){.crm-center-page{background-color:var(--dark-bg)}.crm-hero h1{color:var(--text-primary-dark)}.crm-search-wrapper{background:rgba(20,22,40,.85);border-color:rgba(6,182,212,.25)}.crm-cat-btn{background:var(--dark-surface-elevated);border-color:rgba(120,150,255,.15);box-shadow:0 12px 35px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.25),0 0 0 1px rgba(120,150,255,.12)}.crm-cat-btn:hover{border-color:rgba(120,150,255,.25);box-shadow:0 20px 38px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.35),0 0 0 1px rgba(120,150,255,.2)}.crm-cat-btn .cat-name{color:var(--text-secondary-dark)}.crm-cat-btn.active .cat-name{color:var(--primary-light)}.crm-template-list-column{background:var(--dark-surface)}.column-header,.crm-template-list-column{border-color:var(--dark-border)}.count-badge{background:var(--dark-surface-elevated);color:var(--text-muted-dark)}.template-list-scroll::-webkit-scrollbar-thumb{background:var(--dark-border)}.template-list-item{background:var(--dark-surface-elevated)}.template-list-item:hover{background:var(--dark-surface);border-color:var(--dark-border)}.template-list-item.selected{background:var(--dark-surface);border-color:var(--primary-light)}.template-list-item h4{color:var(--text-primary-dark)}.item-trigger-snippet{color:var(--text-muted-dark)}.crm-preview-column{background:var(--dark-surface)}.crm-preview-column,.preview-header{border-color:var(--dark-border)}.preview-header h2{color:var(--text-primary-dark)}.meta-badge-item{background:var(--dark-surface-elevated);border-color:var(--dark-border)}.meta-label{color:var(--text-muted-dark)}.automation-trigger-info,.meta-value{color:var(--text-secondary-dark)}.automation-trigger-info{background:var(--primary-soft);border-color:rgba(6,182,212,.25)}.variables-customizer-card{background:var(--dark-surface-elevated);border-color:var(--dark-border)}.variable-input-group label{color:var(--secondary-light)}.var-text-input{background:var(--dark-surface);border-color:var(--dark-border);color:var(--text-primary-dark)}.channel-tabs-row{background:var(--dark-surface-elevated);border-color:var(--dark-border)}.channel-tab-btn{color:var(--text-secondary-dark)}.channel-tab-btn.active{background:var(--dark-surface);color:var(--primary-light)}.email-subjects-card{background:var(--dark-surface-elevated);border-color:var(--dark-border)}.sub-toggle-btn{border-color:var(--dark-border);background:var(--dark-surface);color:var(--text-secondary-dark)}.sub-toggle-btn.active{background:var(--primary-dark)}.subject-preview-box{background:var(--dark-surface);border-color:var(--dark-border)}.subject-line{color:var(--text-primary-dark)}.template-copy-frame{border-color:var(--dark-border);background:var(--dark-surface-elevated)}.frame-header{background:var(--dark-surface);border-color:var(--dark-border)}.frame-code-view{color:var(--text-primary-dark)}.crm-integration-notes{color:var(--text-muted-dark)}.crm-integration-notes,.crm-integrations-section{background:var(--dark-surface-elevated)}.platform-logocard{background:var(--dark-surface);border-color:var(--dark-border)}.platform-logocard p{color:var(--text-secondary-dark)}}@media (max-width:1200px){.crm-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.crm-layout-grid{grid-template-columns:1fr}.crm-template-list-column{height:350px}.preview-workspace-split{grid-template-columns:1fr}}@media (max-width:768px){.platforms-row-grid{grid-template-columns:repeat(2,1fr)}.preview-header{flex-direction:column}.metadata-badges{width:100%}}@media (max-width:576px){.crm-categories-grid{grid-template-columns:repeat(2,1fr)}.platforms-row-grid{grid-template-columns:1fr}.metadata-badges{flex-direction:column}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/28485c0de2075f40-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/5fb25f343c7550ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/7db6c35d839a711c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/f5b513e981884070-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b8442747db2a9bad-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6245472ced48d3be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins Fallback;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_e36b36{font-family:Poppins,Poppins Fallback;font-style:normal}.__variable_e36b36{--font-poppins:"Poppins","Poppins Fallback"}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_eef148{--font-nunito:"Nunito","Nunito Fallback"}