.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0a0f0d;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-30%;left:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(34,197,94,.12) 0%,transparent 60%);pointer-events:none}.auth-container:after{content:"";position:absolute;bottom:-30%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 60%);pointer-events:none}.auth-card{width:100%;max-width:380px;padding:2rem;border-radius:24px;background:#111916cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.2);box-shadow:0 25px 50px #0006;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo{width:64px;height:64px;object-fit:contain;margin-bottom:1rem}.auth-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.auth-subtitle{color:#9ca3af;font-size:.95rem}.auth-form{display:flex;flex-direction:column}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group .label{color:#d1d5db;font-size:.875rem;font-weight:500}.form-group .input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s}.form-group .input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.form-group .input::placeholder{color:#6b7280}.auth-footer{margin-top:1.5rem;text-align:center;color:#9ca3af;font-size:.875rem}.auth-link{color:#22c55e;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:#4ade80}.error-message{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.875rem;margin-bottom:1rem}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-form .btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e4d}.auth-form .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.auth-form .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input{padding-right:3rem;width:100%}.password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:.5rem;cursor:pointer;font-size:1.1rem;opacity:.7;transition:opacity .2s,transform .2s;display:flex;align-items:center;justify-content:center}.password-toggle:hover{opacity:1;transform:scale(1.1)}@media(max-width:480px){.auth-card{max-width:100%;padding:1.5rem;margin:0 .5rem}.auth-title{font-size:1.5rem}}.verification-status{padding:2rem 1rem;text-align:center}.status-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.status-loading .spinner{width:48px;height:48px;border:3px solid rgba(34,197,94,.2);border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}.status-success,.status-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.status-icon{font-size:3rem}.status-success p,.status-error p{color:#d1d5db;font-size:1rem;line-height:1.5}.status-redirect{color:#9ca3af;font-size:.875rem}.verify-actions{margin-top:1rem}.registration-success{padding:1rem 0;text-align:center}.success-message{color:#d1d5db;font-size:1rem;margin-bottom:1.5rem}.verification-notice{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem;text-align:left}.notice-icon{font-size:1.5rem;flex-shrink:0}.verification-notice p{color:#d1d5db;font-size:.9rem;margin:0;line-height:1.5}.verification-notice small{color:#9ca3af}.dashboard{min-height:100vh;background:linear-gradient(180deg,var(--color-bg) 0%,#0d1f17 50%,var(--color-bg) 100%)}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.notifications-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:350px}.notification-toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0006;animation:slideIn .3s ease-out;border-left:4px solid var(--color-primary)}.notification-toast.lead{border-left-color:var(--color-primary)}.notification-toast.message{border-left-color:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{font-size:20px}.notification-message{flex:1;font-size:var(--font-size-sm)}.notification-close{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:0}.notification-close:hover{color:var(--color-text)}.dashboard-header{position:sticky;top:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-img{width:28px;height:28px;object-fit:contain}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-greeting{color:var(--color-text-secondary)}.trial-badge{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:20px;color:#22c55e;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.trial-badge:hover{background:#22c55e40;border-color:#22c55e80}.trial-badge.expired{background:#ef444426;border-color:#ef44444d;color:#ef4444}.trial-badge.expired:hover{background:#ef444440}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.dashboard-main{padding:var(--spacing-2xl) 0}.setup-alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:1px solid rgba(245,158,11,.3)}.alert-icon{font-size:28px}.alert-content{flex:1}.alert-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.alert-content p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.status-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.status-card:hover{transform:translateY(-2px)}.status-indicator{display:flex;align-items:center;justify-content:center}.dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.dot-green{background:var(--color-primary);box-shadow:0 0 10px #25d36680}.dot-yellow{background:var(--color-warning);box-shadow:0 0 10px #f59e0b80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-info{flex:1}.status-info h4{font-size:var(--font-size-base);font-weight:600}.status-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.status-action{color:var(--color-primary);font-weight:500;text-decoration:none;font-size:var(--font-size-sm)}.status-action:hover{text-decoration:underline}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-xl);font-weight:600}.view-all{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500}.view-all:hover{text-decoration:underline}.analytics-section{margin-bottom:var(--spacing-2xl)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.analytics-card{padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.analytics-card:hover{transform:translateY(-4px)}.analytics-card.highlight{background:var(--gradient-surface);border-color:var(--color-primary)}.analytics-value{font-size:var(--font-size-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.leads-section{margin-bottom:var(--spacing-2xl)}.empty-leads{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.leads-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lead-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.lead-row:hover{transform:translate(4px)}.lead-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.lead-info{flex:1}.lead-name{font-weight:500}.lead-interest{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.header-content{flex-wrap:wrap;gap:var(--spacing-sm)}.user-greeting{display:none}.dashboard-main{padding:var(--spacing-lg) 0}.setup-alert{flex-direction:column;text-align:center}.status-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.lead-row{flex-wrap:wrap}.lead-status{margin-left:auto}}@media(max-width:480px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-value{font-size:var(--font-size-2xl)}}.dashboard-footer{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl)}.dashboard-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.dashboard-footer a:hover{text-decoration:underline}.onboarding{min-height:100vh;background:linear-gradient(135deg,var(--color-bg) 0%,#0a1a12 50%,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.onboarding-loader{display:flex;align-items:center;justify-content:center}.onboarding-container{width:100%;max-width:500px}.onboarding-steps{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-xs)}.onboarding-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.onboarding-step .step-num{width:36px;height:36px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s}.onboarding-step.active .step-num{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px #25d36680}.onboarding-step.done .step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.onboarding-step span{font-size:12px;color:var(--color-text-muted)}.onboarding-step.active span,.onboarding-step.done span{color:var(--color-text)}.onboarding-step-line{width:40px;height:2px;background:var(--color-border);margin-bottom:20px}.onboarding-card{padding:var(--spacing-xl)}.step-content{text-align:center}.step-content h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.step-content>p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.btn-lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg);width:100%}.btn.glow{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 15px #25d36666}50%{box-shadow:0 0 30px #25d366b3}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.qr-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.qr-code{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg)}.qr-code img{width:180px;height:180px}.qr-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.success-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.success-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.form-field{text-align:left;margin-bottom:var(--spacing-md)}.form-field label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.form-field .input{width:100%}.form-field textarea.input{resize:vertical;min-height:80px}.checklist{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.check-item{padding:var(--spacing-xs) 0;color:var(--color-primary)}.knowledge-list{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);max-height:150px;overflow-y:auto}.knowledge-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s}.knowledge-item:hover{background:var(--color-surface)}.knowledge-item input[type=checkbox]{accent-color:var(--color-primary)}.knowledge-item span{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.upload-box{text-align:center}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.upload-label:hover{border-color:var(--color-primary);background:#25d3660d}.upload-label input{display:none}.upload-icon{font-size:32px}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.url-box{display:flex;gap:var(--spacing-sm)}.url-box .input{flex:1}.knowledge-select{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);max-height:120px;overflow-y:auto}.knowledge-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.knowledge-icon{font-size:16px}.knowledge-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);display:block}.step-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skip-link{display:block;text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none}.skip-link:hover{color:var(--color-primary)}.docs-link-small{color:#a855f7;text-decoration:none;font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.docs-link-small:hover{text-decoration:underline}.knowledge-section{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.knowledge-list-compact{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.knowledge-list-compact .list-label{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;margin-bottom:var(--spacing-xs)}.knowledge-select{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:120px;overflow-y:auto}.upload-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center;font-size:var(--font-size-sm)}@media(max-width:500px){.onboarding-card{padding:var(--spacing-lg)}.onboarding-steps{transform:scale(.9)}.qr-code img{width:150px;height:150px}.persona-buttons{flex-direction:column}}.persona-buttons{display:flex;gap:var(--spacing-sm)}.persona-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .2s}.persona-btn:hover{border-color:#22c55e80}.persona-btn.selected{border-color:var(--color-primary);background:#22c55e1a}.persona-emoji{font-size:1.5rem}.whatsapp-container{min-height:100vh;padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center}.whatsapp-card{max-width:600px;padding:var(--spacing-2xl)}.back-link{color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary-light)}.whatsapp-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-xl)}.status-section{text-align:center;padding:var(--spacing-2xl)}.qr-section{text-align:center}.instruction-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.qr-container{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);display:inline-block;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl)}.qr-image{width:300px;height:300px;display:block}.steps{text-align:left;max-width:300px;margin:0 auto;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.steps p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.success{color:var(--color-success)}.success-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.error{color:var(--color-error)}.agent-creator-container,.agents-container{min-height:100vh;background:var(--color-bg);padding:var(--spacing-2xl) var(--spacing-lg)}.save-notification{background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agent-form{max-width:800px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{padding:var(--spacing-xl)}.form-section .card-header{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group textarea.input{resize:vertical;font-family:var(--font-family)}.instruction-textarea{min-height:150px}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.docs-link{color:#a855f7;text-decoration:none;font-weight:500;margin-left:var(--spacing-sm)}.docs-link:hover{text-decoration:underline}.upload-methods{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.upload-method{display:flex;gap:var(--spacing-sm)}.url-upload{flex:1;min-width:300px}.url-upload .input{flex:1}.file-upload-btn{cursor:pointer}.knowledge-list{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:300px;overflow-y:auto}.knowledge-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.knowledge-item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.knowledge-item-row:hover{background:var(--color-surface-hover)}.knowledge-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex:1}.knowledge-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.knowledge-icon{font-size:1.2em}.knowledge-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);justify-content:center}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.agent-card{padding:var(--spacing-xl)}.agent-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.agent-header-section h3{font-size:var(--font-size-xl);font-weight:600}.agent-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:1.5}.agent-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.meta-item{display:flex;gap:var(--spacing-sm)}.meta-label{color:var(--color-text-muted);font-weight:500}.agent-actions{display:flex;gap:var(--spacing-sm)}.agent-actions .btn{flex:1}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.persona-card{padding:var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:center}.persona-card:hover{border-color:#22c55e80;background:#22c55e0d}.persona-card.selected{border-color:var(--color-primary);background:#22c55e1a}.persona-card h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.persona-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.analytics-container{min-height:100vh;background:var(--color-bg);padding:var(--spacing-2xl) var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.today{background:#25d36626;color:var(--color-primary)}.stat-icon.yesterday{background:#3b82f626;color:#3b82f6}.stat-icon.week{background:#a855f726;color:#a855f7}.stat-icon.month{background:#f9731626;color:#f97316}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.summary-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:500px){.summary-row{grid-template-columns:1fr}}.summary-card{text-align:center;padding:var(--spacing-xl)}.summary-value{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.summary-label{color:var(--color-text-muted)}.conversations-section{padding:var(--spacing-xl)}.section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.conversations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.conversation-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.convo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.convo-phone{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.convo-phone svg{color:var(--color-primary)}.convo-time{color:var(--color-text-muted)}.convo-messages{display:flex;flex-direction:column;gap:var(--spacing-xs)}.message{font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.message-label{font-weight:600;margin-right:var(--spacing-xs)}.user-message{background:#25d3661a}.agent-message{background:var(--color-surface)}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}.leads-container{min-height:100vh;background:var(--color-bg);padding:var(--spacing-2xl) var(--spacing-lg)}.page-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl)}.page-title svg{color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-3xl)}.empty-state svg{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.empty-state h3{margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted)}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.lead-card{padding:var(--spacing-lg);cursor:pointer;transition:transform .2s,box-shadow .2s}.lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.lead-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.lead-phone{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.lead-phone svg{color:var(--color-primary)}.lead-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.status-new{background:#25d36633;color:var(--color-primary)}.status-contacted{background:#3b82f633;color:#3b82f6}.status-converted{background:#a855f733;color:#a855f7}.status-closed{background:#6b728033;color:#6b7280}.lead-name{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-xs)}.lead-email{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.lead-interest{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-bottom:var(--spacing-md);line-height:1.4}.lead-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.lead-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.status-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-xs);cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{max-width:500px;width:100%;padding:var(--spacing-xl);position:relative;max-height:80vh;overflow-y:auto}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer}.modal-close:hover{color:var(--color-text)}.modal h2{margin-bottom:var(--spacing-lg)}.modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-section p{background:var(--color-bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);line-height:1.5}.label{color:var(--color-text-muted);font-weight:500}.landing{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #4ade80;--bg-dark: #0a0f0d;--bg-card: #111916;--bg-card-hover: #162016;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: #1f2f26;--glow: rgba(34, 197, 94, .3);min-height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#0a0f0dcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.logo-img{width:32px;height:32px;object-fit:contain}.logo-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-actions{display:flex;gap:1rem}.btn-nav-login{padding:.6rem 1.2rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s}.btn-nav-login:hover{color:var(--primary)}.btn-nav-signup{padding:.6rem 1.5rem;background:var(--primary);color:#000;text-decoration:none;font-weight:600;border-radius:8px;transition:all .3s}.btn-nav-signup:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 20px var(--glow)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;gap:4rem;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.hero.visible{opacity:1;transform:translateY(0)}.hero-bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.hero-gradient{position:absolute;top:-50%;left:-20%;width:80%;height:100%;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.3;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:100px;font-size:.875rem;color:var(--primary);margin-bottom:1.5rem;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{border-color:#22c55e4d}50%{border-color:#22c55e99}}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#86efac 50%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;margin-bottom:2.5rem}.btn-primary-large{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#000;text-decoration:none;font-weight:700;font-size:1.1rem;border-radius:12px;transition:all .3s;box-shadow:0 4px 20px var(--glow)}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow)}.btn-arrow{transition:transform .3s}.btn-primary-large:hover .btn-arrow{transform:translate(4px)}.btn-secondary-large{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:12px;transition:all .3s}.btn-secondary-large:hover{border-color:var(--primary);background:#22c55e1a}.play-icon{font-size:.8rem}.hero-trust{display:flex;align-items:center;gap:1rem}.hero-trust p{color:var(--text-muted);font-size:.875rem}.trust-avatars{display:flex;align-items:center}.trust-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;margin-left:-8px;border:2px solid var(--bg-dark)}.trust-avatar:first-child{margin-left:0}.trust-avatars span{margin-left:.5rem;color:var(--text-muted);font-size:.875rem}.hero-visual{flex:1;position:relative;display:flex;justify-content:center}.phone-mockup{width:320px;height:600px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff1a inset;animation:float-phone 6s ease-in-out infinite}@keyframes float-phone{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.phone-screen{width:100%;height:100%;background:#0f1610;border-radius:30px;overflow:hidden;display:flex;flex-direction:column}.wa-header{padding:1rem;background:var(--primary-dark);color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.wa-chat{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.wa-message{max-width:85%;padding:.75rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.4;animation:message-in .5s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wa-message.incoming{background:var(--bg-card);border-bottom-left-radius:4px;align-self:flex-start}.wa-message.outgoing{background:var(--primary-dark);border-bottom-right-radius:4px;align-self:flex-end}.wa-message .time{display:block;font-size:.7rem;color:#fff9;text-align:right;margin-top:.25rem}.wa-message.typing{padding:1rem}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;background:#fff9;border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.floating-card{position:absolute;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px #0000004d;animation:float-card 5s ease-in-out infinite}.card-1{top:15%;right:0;animation-delay:0s}.card-2{bottom:25%;left:0;animation-delay:2s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-bar{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 2rem}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:var(--primary)}.stat-label{color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:1px}.features{padding:6rem 2rem}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;padding:.4rem 1rem;background:#22c55e1a;color:var(--primary);border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .4s;cursor:pointer}.feature-card:hover,.feature-card.active{transform:translateY(-5px);border-color:var(--primary);background:var(--bg-card-hover)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.feature-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);opacity:0;transition:opacity .4s}.feature-card:hover .feature-glow,.feature-card.active .feature-glow{opacity:1}.how-it-works{padding:6rem 2rem;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 50%,var(--bg-dark) 100%)}.how-it-works .section-container{max-width:1200px;margin:0 auto}.how-it-works .section-header{text-align:center;margin-bottom:5rem;display:flex;flex-direction:column;align-items:center}.how-it-works .steps{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:2rem;max-width:1200px;margin:0 auto;position:relative}.how-it-works .step{flex:1;flex-direction:column;text-align:center;padding:2.5rem 2rem;background:#111916b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.15);border-radius:24px;position:relative;transition:all .4s ease;box-shadow:0 8px 32px #0000004d}.how-it-works .step:hover{transform:translateY(-8px);border-color:#22c55e66;box-shadow:0 20px 50px #0006,0 0 30px #22c55e1a;background:#16201cd9}.how-it-works .step-number{width:70px;height:70px;background:#111916e6;border:3px solid var(--primary);color:var(--primary);font-size:1.5rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;z-index:2;transition:all .4s ease;box-shadow:0 0 25px #22c55e33}.how-it-works .step-number:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--primary);opacity:0;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.how-it-works .step:not(:last-child):after{content:"";position:absolute;top:calc(2.5rem + 33px);left:calc(50% + 40px);width:calc(100% - 80px + 2rem);height:4px;background:linear-gradient(90deg,var(--primary) 0%,rgba(34,197,94,.3) 50%,var(--primary) 100%);background-size:200% 100%;z-index:5;border-radius:2px}.how-it-works .step:not(:last-child):before{content:"";position:absolute;top:calc(2.5rem + 28px);left:calc(50% + 40px);width:14px;height:14px;background:var(--primary);border-radius:50%;z-index:15;box-shadow:0 0 20px var(--primary),0 0 40px var(--primary);opacity:0}.how-it-works .step:hover:not(:last-child):after{animation:flow-line 1.5s linear infinite}.how-it-works .step:hover:not(:last-child):before{opacity:1;animation:travel-dot-lr 1.5s ease-in-out infinite}.how-it-works .step:hover .step-number{background:var(--primary);color:#000;transform:scale(1.1);box-shadow:0 0 40px var(--glow)}.how-it-works .step:hover .step-number:before{animation:none}@keyframes flow-line{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes travel-dot-lr{0%{left:calc(50% + 40px);opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(150% - 40px + 2rem);opacity:0}}.how-it-works .step-icon{font-size:3rem;margin-bottom:1.5rem;display:block;transition:transform .3s ease}.how-it-works .step:hover .step-icon{transform:scale(1.15) rotate(5deg)}.how-it-works .step-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);transition:color .3s}.how-it-works .step:hover .step-content h3{color:var(--primary)}.how-it-works .step-content p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.how-it-works .step-connector{display:none}.how-it-works .steps:before{display:none}.pricing{padding:6rem 2rem}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.pricing-card{position:relative;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;transition:all .3s}.pricing-card:hover{transform:translateY(-5px);border-color:#22c55e4d}.pricing-card.featured{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--bg-card) 100%);border-color:var(--primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.4rem 1rem;background:var(--primary);color:#000;font-size:.75rem;font-weight:700;border-radius:100px;text-transform:uppercase}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.pricing-header h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.amount{font-size:3rem;font-weight:800}.period{color:var(--text-muted)}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-features li{padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.btn-pricing{display:block;width:100%;padding:1rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);text-align:center;text-decoration:none;font-weight:600;border-radius:12px;transition:all .3s}.btn-pricing:hover{border-color:var(--primary);background:#22c55e1a}.btn-pricing-featured{display:block;width:100%;padding:1rem;background:var(--primary);color:#000;text-align:center;text-decoration:none;font-weight:700;border-radius:12px;transition:all .3s}.btn-pricing-featured:hover{background:var(--primary-light);box-shadow:0 4px 20px var(--glow)}.cta-section{padding:6rem 2rem}.cta-container{position:relative;max-width:900px;margin:0 auto;padding:4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:32px;text-align:center;overflow:hidden}.cta-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 60%);pointer-events:none}.cta-content{position:relative}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#000;text-decoration:none;font-weight:700;font-size:1.125rem;border-radius:16px;transition:all .3s;box-shadow:0 4px 20px var(--glow)}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow)}.landing-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand p{color:var(--text-muted);margin-top:1rem;line-height:1.6}.footer-links{display:flex;gap:4rem}.footer-col h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.footer-col a{display:block;color:var(--text-muted);text-decoration:none;padding:.4rem 0;transition:color .2s}.footer-col a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem}.footer-bottom a{color:var(--primary);text-decoration:none}@media(max-width:1024px){.hero{flex-direction:column;padding-top:6rem;text-align:center}.hero-content{max-width:100%}.hero-cta,.hero-trust{justify-content:center}.hero-visual{margin-top:2rem}.phone-mockup{width:280px;height:520px}.floating-card{display:none}.stats-container{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.how-it-works .steps{flex-direction:column;align-items:center;gap:1.5rem;position:relative}.how-it-works .steps:before{display:none}.how-it-works .step{max-width:350px;width:100%;padding:2rem 1.5rem}.how-it-works .step:not(:last-child):after,.how-it-works .step:not(:last-child):before{display:none}.pricing-cards{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card.featured{transform:none}.footer-container{flex-direction:column;text-align:center}.footer-brand{max-width:100%}.footer-links{justify-content:center}.nav-links{display:none}.nav-container{padding:0 1rem}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.1rem}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}}@media(max-width:640px){.landing-nav{padding:.75rem 1rem}.nav-logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.nav-links{display:none}.btn-nav-login{padding:.5rem .75rem;font-size:.875rem}.btn-nav-signup{padding:.5rem 1rem;font-size:.875rem}.hero{padding:5rem 1rem 3rem}.hero-badge{font-size:.75rem;padding:.4rem .75rem}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-cta{flex-direction:column;gap:.75rem}.btn-primary-large,.btn-secondary-large{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.hero-trust{flex-direction:column;gap:.5rem}.hero-trust p{font-size:.8rem}.stats-bar{padding:2rem 1rem}.stat-value{font-size:2rem}.stat-label{font-size:.75rem}.section-header{margin-bottom:2.5rem}.section-tag{font-size:.75rem;padding:.3rem .75rem}.section-header h2{font-size:1.5rem;line-height:1.3}.section-header p{font-size:.9rem}.features{padding:4rem 1rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.how-it-works{padding:4rem 1rem}.step-number{width:56px;height:56px;font-size:1.25rem}.step-icon{font-size:2.5rem}.step-content h3{font-size:1.1rem}.step-content p{font-size:.9rem}.pricing{padding:4rem 1rem}.pricing-card{padding:1.5rem}.amount{font-size:2.25rem}.pricing-header h3{font-size:1.1rem}.pricing-features li{font-size:.9rem;padding:.5rem 0}.cta-section{padding:4rem 1rem}.cta-container{padding:2.5rem 1.5rem;border-radius:20px}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:.95rem}.btn-cta{padding:1rem 2rem;font-size:1rem}.landing-footer{padding:3rem 1rem 1.5rem}.footer-links{flex-direction:column;gap:2rem}.footer-col h4{font-size:.8rem}.footer-col a{font-size:.9rem}.footer-bottom{font-size:.8rem}}@media(max-width:380px){.hero-title{font-size:1.75rem}.section-header h2{font-size:1.35rem}.nav-actions{gap:.5rem}.btn-nav-signup{padding:.4rem .75rem;font-size:.8rem}}.settings-page{min-height:100vh;padding:2rem;background:#0a0f0d;color:#fff}.settings-header{max-width:900px;margin:0 auto 2rem}.settings-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.settings-header p{color:#9ca3af}.back-link{color:#22c55e;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:#4ade80}.trial-card{max-width:900px;margin:0 auto 2rem;padding:2rem;background:linear-gradient(135deg,#22c55e26,#111916cc);border:1px solid rgba(34,197,94,.3);border-radius:16px;display:flex;align-items:center;gap:1.5rem}.trial-card.expired{background:linear-gradient(135deg,#ef444426,#111916cc);border-color:#ef44444d}.trial-icon{font-size:3rem}.trial-info h3{font-size:1.25rem;margin-bottom:.5rem}.trial-info p{color:#9ca3af}.trial-timer{display:flex;align-items:baseline;gap:.5rem}.time-value{font-size:2rem;font-weight:700;color:#22c55e}.time-label{font-size:.875rem;color:#9ca3af;margin-right:.5rem}.time-remaining{font-size:.875rem;color:#6b7280;margin-left:.5rem}.settings-section{max-width:900px;margin:0 auto 2rem;padding:2rem;background:#111916cc;border:1px solid rgba(255,255,255,.1);border-radius:16px}.settings-section h2{font-size:1.25rem;margin-bottom:.5rem}.section-description{color:#9ca3af;margin-bottom:1.5rem}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mode-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.mode-card:hover:not(.disabled){border-color:#22c55e80}.mode-card.active{border-color:#22c55e;background:#22c55e1a}.mode-card.disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:2rem;margin-bottom:.75rem}.mode-card h4{margin-bottom:.5rem}.mode-card p{font-size:.875rem;color:#9ca3af}.active-badge{position:absolute;top:1rem;right:1rem;background:#22c55e;color:#000;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.expired-badge{position:absolute;top:1rem;right:1rem;background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.provider-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.75rem}.provider-card{padding:1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.provider-card:hover{border-color:#22c55e80}.provider-card.selected{border-color:#22c55e;background:#22c55e1a}.provider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.provider-header h4{font-size:1rem}.free-badge{background:#22c55e;color:#000;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.provider-card>p{font-size:.8rem;color:#9ca3af;margin-bottom:.75rem}.provider-links{display:flex;flex-direction:column;gap:.5rem}.provider-links a{font-size:.8rem;color:#22c55e;text-decoration:none}.provider-links a:hover{text-decoration:underline}.api-form{margin-top:1.5rem}.api-form .form-group{margin-bottom:1.25rem}.api-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#d1d5db}.api-form input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.api-form input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.api-form small{display:block;margin-top:.5rem;color:#9ca3af;font-size:.8rem}.api-form small a{color:#22c55e}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-secondary:hover{border-color:#fff6}.btn-clear{margin-top:1rem}.message{padding:1rem;border-radius:8px;margin-bottom:1rem}.message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:50vh;color:#9ca3af}.calendar-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-status{display:flex;align-items:center;gap:1rem}.status-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.status-indicator.connected{background:#22c55e33;color:#22c55e;border:2px solid #22c55e}.status-indicator.disconnected{background:#9ca3af33;color:#9ca3af;border:2px solid #6b7280}.status-info h4{margin-bottom:.25rem}.status-info p{font-size:.875rem;color:#9ca3af}.calendar-features{background:#ffffff05;border-radius:8px;padding:1rem}.calendar-features h4{font-size:.875rem;color:#d1d5db;margin-bottom:.75rem}.calendar-features ul{list-style:none;padding:0;margin:0}.calendar-features li{padding:.5rem 0;font-size:.875rem;color:#9ca3af}.calendar-features li strong{color:#fff}@media(max-width:768px){.settings-page{padding:1rem}.trial-card{flex-direction:column;text-align:center}.mode-cards,.provider-cards{grid-template-columns:1fr}.calendar-card{flex-direction:column;gap:1rem;text-align:center}.calendar-status{flex-direction:column}}.docs-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);color:#fff}.docs-header{padding:2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.docs-header-content{max-width:1200px;margin:0 auto}.back-link{color:#fff9;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:#a855f7}.docs-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.docs-header p{color:#fff9;margin:0}.docs-tabs{display:flex;gap:0;max-width:1200px;margin:0 auto;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.docs-tabs .tab{background:none;border:none;color:#fff9;padding:1rem 1.5rem;font-size:.95rem;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;position:relative;top:1px}.docs-tabs .tab:hover{color:#fff}.docs-tabs .tab.active{color:#a855f7;border-bottom-color:#a855f7}.docs-content{max-width:1200px;margin:0 auto;padding:2rem}.section-intro{margin-bottom:2rem}.section-intro h2{font-size:1.5rem;margin-bottom:.5rem}.section-intro p{color:#fff9}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s}.template-card:hover{border-color:#a855f74d;background:#ffffff0d}.template-header{margin-bottom:1rem}.template-header h3{margin:0 0 .25rem;font-size:1.1rem}.template-desc{font-size:.85rem;color:#ffffff80}.template-prompt{background:#0000004d;border-radius:8px;padding:1rem;font-size:.8rem;line-height:1.5;color:#fffc;white-space:pre-wrap;max-height:200px;overflow-y:auto;margin-bottom:1rem;font-family:Fira Code,monospace}.copy-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a855f74d}.copy-btn.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.github-link{margin-top:3rem;text-align:center;padding:2rem;background:#ffffff08;border-radius:12px}.github-link p{color:#ffffff80;margin-bottom:.5rem}.github-link a{color:#a855f7;text-decoration:none;font-weight:500}.github-link a:hover{text-decoration:underline}.guide-section h2{margin-bottom:2rem}.steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h3{margin:0 0 .5rem;font-size:1.1rem}.step-content p{margin:0;color:#ffffffb3;line-height:1.6}.step-content a{color:#a855f7;text-decoration:none}.step-content a:hover{text-decoration:underline}.info-box{margin-top:.75rem;padding:.75rem 1rem;background:#a855f71a;border-left:3px solid #a855f7;border-radius:4px;font-size:.9rem}.tips-section h2{margin-bottom:2rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.tip-card{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.tip-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.tip-card h3{margin:0 0 .5rem;font-size:1rem}.tip-card p{margin:0;color:#fff9;font-size:.9rem;line-height:1.5}.best-practices,.prompt-structure{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1.5rem}.best-practices h3,.prompt-structure h3{margin:0 0 1rem}.best-practices ul{margin:0;padding-left:1.5rem}.best-practices li{color:#ffffffb3;margin-bottom:.5rem;line-height:1.5}.structure-example{background:#0000004d;border-radius:8px;padding:1rem;font-size:.85rem;line-height:1.6;color:#fffc;white-space:pre-wrap;font-family:Fira Code,monospace;margin:0}.docs-footer{text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:3rem}.docs-footer p{color:#ffffff80;margin:.5rem 0}.docs-footer a{color:#a855f7;text-decoration:none}.docs-footer a:hover{text-decoration:underline}@media(max-width:768px){.docs-header{padding:1.5rem 1rem}.docs-tabs{padding:0 1rem;overflow-x:auto}.docs-tabs .tab{padding:1rem;white-space:nowrap}.docs-content{padding:1.5rem 1rem}.templates-grid{grid-template-columns:1fr}.step{flex-direction:column;gap:1rem}.tips-grid{grid-template-columns:1fr}}:root{--color-primary: #25D366;--color-primary-dark: #128C7E;--color-primary-light: #34eb77;--color-secondary: #075E54;--color-accent: #25D366;--color-success: #25D366;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg: #0b141a;--color-bg-secondary: #111b21;--color-bg-tertiary: #1f2c34;--color-surface: #1f2c34;--color-surface-hover: #2a3942;--color-border: #2a3942;--color-text: #e9edef;--color-text-secondary: #aebac1;--color-text-muted: #8696a0;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-dark) 100%);--gradient-surface: linear-gradient(135deg, rgba(37, 211, 102, .1) 0%, rgba(7, 94, 84, .1) 100%);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(37, 211, 102, .4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #25d3661a}.input::placeholder{color:var(--color-text-muted)}.label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:500}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-error{background:#ef44441a;color:var(--color-error)}.spinner{width:40px;height:40px;border:3px solid var(--color-surface-hover);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:#111916cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.15)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}