@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.conversational-container{position:relative;min-height:100vh}.submitting-overlay{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.submitting-overlay p{color:#fff;font-size:1.125rem;font-weight:500}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.conversational-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.screen-content{max-width:680px;width:100%;margin:0 auto}.welcome-screen .screen-content{text-align:center}.welcome-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.welcome-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6}.welcome-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#667eea;background:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #0000001a}.welcome-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.welcome-button:active{transform:translateY(0)}.thankyou-screen .screen-content{text-align:center}.success-icon{color:#10b981;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.thankyou-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.thankyou-description{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem}.reset-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-button:hover{background:#ffffff40;border-color:#fff6}.question-screen .screen-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 20px 60px #0000004d}.question-number{display:inline-flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:1.5rem}.question-number-divider{color:#cbd5e1}.question-label{display:block;font-size:1.75rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.required-asterisk{color:#ef4444;margin-left:.25rem}.question-description{font-size:1rem;color:#64748b;margin-bottom:1.5rem;line-height:1.6}.question-field{margin-bottom:2rem}.question-field input,.question-field textarea,.question-field select{width:100%;padding:.875rem 1rem;font-size:1.125rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;background:#fff}.question-field input:focus,.question-field textarea:focus,.question-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-field textarea{min-height:120px;resize:vertical;font-family:inherit}.question-field .radio-group,.question-field .checkbox-group{display:flex;flex-direction:column;gap:.75rem;max-width:100%}.question-field .radio-option,.question-field .checkbox-option{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.question-field .radio-option:hover,.question-field .checkbox-option:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.question-field .radio-option.selected,.question-field .checkbox-option.selected{border-color:#667eea;background:#eef2ff;box-shadow:0 0 0 1px #667eea}.question-field .key-hint{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;font-weight:600;color:#64748b;background:#fff}.question-field .radio-option.selected .key-hint{border-color:#667eea;color:#667eea;background:#fff}.question-field .radio-label,.question-field .checkbox-label{flex:1;font-size:1.125rem;color:#334155}.question-field .check-icon{color:#667eea;font-weight:700}.question-field .checkbox-box{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.question-field .checkbox-box.checked{background:#667eea;border-color:#667eea}.question-error{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:-1rem;margin-bottom:1rem;padding:.75rem 1rem;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px}.question-nav{display:flex;gap:1rem;margin-top:2rem}.nav-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.nav-next{background:#667eea;color:#fff;margin-left:auto}.nav-next:hover{background:#5568d3;transform:translate(2px)}.nav-back{background:transparent;color:#64748b;border:2px solid #e2e8f0}.nav-back:hover{background:#f8fafc;border-color:#cbd5e1}.progress-container{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 2rem;box-shadow:0 2px 8px #0000000d}.progress-bar-wrapper{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.progress-text{font-size:.875rem;font-weight:600;color:#64748b;text-align:center}.keyboard-hint{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#ffffffb3}.question-screen .keyboard-hint{color:#94a3b8}.keyboard-hint kbd{display:inline-block;padding:.25rem .5rem;font-family:Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;margin:0 .25rem}.question-screen .keyboard-hint kbd{background:#f1f5f9;border-color:#cbd5e1;color:#475569}@media(max-width:768px){.conversational-screen{padding:1rem}.question-screen .screen-content{padding:2rem 1.5rem}.welcome-title{font-size:2rem}.question-label{font-size:1.5rem}.question-number{font-size:1.25rem}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--color-primary: #00a88e;--color-primary-dark: #008f78;--color-primary-light: #e0f2f1;--color-accent: #f59e0b;--sidebar-bg: #1e293b;--sidebar-bg-hover: #334155;--sidebar-text: #ffffff;--sidebar-text-muted: #94a3b8;--sidebar-border: #334155;--gradient-primary: linear-gradient(135deg, #00a88e 0%, #008f78 100%);--gradient-hover: linear-gradient(135deg, #009688 0%, #00796b 100%);--gradient-sidebar: linear-gradient(to bottom, #1e293b, #0f172a);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-glass: rgba(255, 255, 255, .9);--bg-glass-strong: rgba(255, 255, 255, .98);--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-on-dark: #ffffff;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-focus: #00a88e;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-colored: 0 10px 25px -5px rgba(0, 168, 142, .15);--shadow-glow: 0 0 20px rgba(0, 168, 142, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .1s ease;--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--header-height: 64px}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans)}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0073e61a}.form-input::placeholder{color:var(--text-tertiary)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-sans)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--gradient-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-page);border-color:var(--text-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background:#14b8a60d;border-color:var(--border-focus)}.btn-text{background:transparent;color:var(--color-primary);padding:.5rem 1rem}.btn-text:hover:not(:disabled){color:var(--color-primary-light);text-decoration:underline}.btn-lg{padding:1.125rem 2.5rem;font-size:1.125rem}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.card-glass{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.modal-backdrop{position:fixed;inset:0;background:#fafbffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow-y:auto}.modal-content{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-primary);color:var(--text-secondary);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:1.5rem;padding:0;z-index:10}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-md) 0}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.nav-logo{font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-links{display:flex;gap:var(--spacing-xl);list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:var(--spacing-md);align-items:center}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);width:44px;height:44px;border-radius:var(--radius-md);cursor:pointer;font-size:1.5rem;align-items:center;justify-content:center}.section{padding:var(--spacing-4xl) 0;position:relative}.section-sm{padding:var(--spacing-3xl) 0}.section-lg{padding:6rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideIn{animation:slideIn var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:768px}.container-lg{max-width:1536px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:var(--spacing-3xl) 0}.section-lg{padding:var(--spacing-4xl) 0}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.card,.card-glass{padding:var(--spacing-lg)}.nav-links{display:none}.mobile-menu-btn{display:flex}.nav-actions .btn{padding:.75rem 1.25rem;font-size:.875rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-2xl) 0}.section-lg{padding:var(--spacing-3xl) 0}.btn-lg{padding:1rem 2rem;font-size:1rem}.modal-backdrop{padding:var(--spacing-sm)}.modal-content{max-height:95vh}}@media(max-width:640px){.container{padding:0 var(--spacing-md)}.btn{padding:.75rem 1.5rem;font-size:.9375rem}.nav-actions{gap:var(--spacing-sm)}.nav-actions .btn-ghost{display:none}}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}:root{--sidebar-width-collapsed: 72px;--sidebar-width-expanded: 260px;--header-height-mobile: 60px}.dashboard-container{display:flex;min-height:100vh;position:relative;background:var(--gradient-mesh)}.sidebar{width:var(--sidebar-width-collapsed);height:100vh;background:var(--bg-glass-strong);border-right:1.5px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:50;transition:width var(--transition-base),transform var(--transition-base);overflow:hidden;white-space:nowrap}@media(min-width:769px){.sidebar:hover{width:var(--sidebar-width-expanded);box-shadow:var(--shadow-xl);z-index:60}}.main-content{flex:1;margin-left:var(--sidebar-width-collapsed);min-height:100vh;position:relative;z-index:1;transition:margin-left var(--transition-base)}.sidebar-text{opacity:0;transform:translate(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}@media(min-width:769px){.sidebar:hover .sidebar-text{opacity:1;transform:translate(0);pointer-events:auto;transition-delay:.1s}}.sidebar-icon-container{min-width:var(--sidebar-width-collapsed);display:flex;justify-content:center;align-items:center}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-height-mobile);background:var(--bg-glass-strong);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;padding:0 var(--spacing-md);align-items:center;justify-content:space-between}@media(max-width:768px){.sidebar{width:var(--sidebar-width-expanded);transform:translate(-100%);background:var(--bg-primary)}.sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar-text{opacity:1;transform:none;pointer-events:auto}.sidebar-icon-container{min-width:50px;justify-content:flex-start;padding-left:var(--spacing-md)}.main-content{margin-left:0;padding-top:var(--header-height-mobile)}.mobile-header{display:flex}}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:45;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full);opacity:.3}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.zoho-landing-page{min-height:100vh;max-height:100vh;overflow:hidden;background:#fff;display:flex;flex-direction:column}.main-header{height:60px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;background:#fff;z-index:10}.container-fluid{width:100%;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.brand-name{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0}.pricing-link{color:var(--text-primary);text-decoration:none;font-weight:500}.main-grid{display:grid;grid-template-columns:1fr 1fr;flex:1;height:calc(100vh - 60px)}.marketing-side{padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center}.marketing-content{max-width:500px}.marketing-headline{font-size:2.25rem;font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:var(--spacing-md)}.marketing-description{font-size:1rem;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.marketing-features{display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.auth-side{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#fff}.auth-card{width:100%;max-width:400px;padding:var(--spacing-lg);background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.auth-header h3{font-size:1.25rem;font-weight:600;text-align:center;margin:0 0 var(--spacing-md) 0}.auth-form-container{margin-bottom:var(--spacing-md)}.auth-toggle{text-align:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);margin-top:var(--spacing-md);font-size:.875rem}.lovable-hero-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(20,184,166,.05),transparent 40%),radial-gradient(circle at top right,rgba(14,165,233,.05),transparent 40%)}.hero-header{padding:1.5rem 2rem;display:flex;justify-content:center}.hero-header .container-fluid{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center}.brand-wrapper{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:8px;font-size:1rem}.hero-nav{display:flex;gap:2rem}.hero-nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color var(--transition-base)}.hero-nav a:hover{color:var(--text-primary)}.hero-actions{display:flex;gap:1rem;align-items:center}.hero-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem}.hero-badge{background:var(--color-primary-light);color:var(--color-primary-dark);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem}.hero-title{font-size:4rem;line-height:1.1;font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}.text-gradient{background:var(--gradient-hero-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;line-height:1.6}.hero-cta-group{display:flex;gap:1rem;margin-bottom:1.5rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero-footer-text{color:var(--text-tertiary);font-size:.875rem}.lovable-auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-sidebar{background:var(--gradient-sidebar);padding:4rem;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.auth-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 60%)}.sidebar-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}.text-white{color:#fff}.bg-white{background:#fff}.text-teal{color:var(--color-primary)}.sidebar-hero h2{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.sidebar-hero p{font-size:1.125rem;opacity:.9;line-height:1.6;max-width:400px}.sidebar-footer{display:flex;align-items:center;gap:1rem}.user-count{font-weight:500}.auth-main{background:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.back-link{position:absolute;top:2rem;left:2rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color var(--transition-base)}.back-link:hover{color:var(--text-primary)}.auth-card-container{width:100%;max-width:400px}.auth-header-text{margin-bottom:2rem}.auth-header-text h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header-text p{color:var(--text-secondary)}.auth-sub-actions{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:var(--text-secondary)}.auth-sub-actions button{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;margin-left:.25rem}.auth-sub-actions button:hover{text-decoration:underline}@media(max-width:1024px){.hero-title{font-size:3rem}.auth-sidebar{display:none}.lovable-auth-layout{grid-template-columns:1fr}}@media(max-width:768px){.hero-nav{display:none}.hero-title{font-size:2.5rem}.hero-main{padding:2rem 1rem}}.form-group{margin-bottom:.75rem}.form-label{margin-bottom:.25rem;font-size:.8125rem}.form-input{padding:.5rem .75rem}@media(max-width:768px){.zoho-landing-page{height:auto;max-height:none;overflow:auto}.main-grid{grid-template-columns:1fr;height:auto}.marketing-side{padding:var(--spacing-lg);order:2;text-align:center}.auth-side{padding:var(--spacing-lg);order:1}}