*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:scroll}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:visible}#root{min-height:100vh;overflow:visible}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.25}.app-layout{display:flex;height:100vh}.main-content{flex:1;padding:16px;overflow:auto}@media (max-width: 768px){.app-layout{flex-direction:column}}button,.cta-button,.signin-button{background-color:var(--accent);color:#fff;padding:.7rem 1.5rem;border-radius:.625rem;font-weight:600;letter-spacing:.01em;transition:background-color .2s,box-shadow .25s ease,transform .15s ease;cursor:pointer;border:none;text-decoration:none}button:hover,.cta-button:hover,.signin-button:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px -4px #a9440073}.cta-button:hover,.signin-button:hover{transform:translateY(-1px)}button:focus-visible,.cta-button:focus-visible,.signin-button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}button:disabled{background-color:#4a5568;cursor:not-allowed}.sidebar-nav .nav-item.active,.sidebar-nav .nav-item.selected,.sidebar-nav li.selected{background-color:var(--accent)!important;color:#fff!important}input{width:100%;padding:.8rem 1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.625rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--accent-soft)}.landing-page{max-width:100%;margin:0;padding:0}.trust p,.how-it-works p,.what-you-get p,.analytics p,.pricing p,.testimonials p,.final-cta p{color:#fff}.trust h2,.trust h3,.how-it-works h2,.how-it-works h3,.what-you-get h2,.what-you-get h3,.analytics h2,.analytics h3,.pricing h2,.pricing h3,.testimonials h2,.testimonials h3,.final-cta h2,.final-cta h3,.feature-highlight h3{color:var(--accent-light)}.navbar{position:fixed;top:0;left:0;right:0;background:#1f2937e0;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.navbar-links{display:flex;align-items:center;gap:1rem}.favicon{width:32px;height:auto}.signup-link{color:var(--accent-light);font-weight:700;text-decoration:none;font-size:1rem;transition:color .2s}.signup-link:hover{color:var(--text-primary)}.logo-section{text-align:center;margin-top:6rem;margin-bottom:0}.main-logo{max-width:420px;height:auto;display:block;margin:0 auto}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.hero{display:flex;flex-direction:column;align-items:center;padding:6rem 0 4rem;gap:2rem;background:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));border-radius:var(--radius-lg);margin-top:4rem}.hero-content{text-align:center;max-width:800px}.hero h2{font-size:3rem;margin-bottom:1.5rem;color:var(--accent-light)}.hero p{font-size:1.25rem;margin-bottom:2rem;color:var(--text-secondary)}.feature-highlight,.stat-card,.step-card,.feature-card,.pricing-card,.testimonial-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:2.5rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.stat-card:hover,.step-card:hover,.feature-card:hover,.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.steps,.features,.pricing-grid,.testimonials-grid,.screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.step-number,.popular-badge{background:var(--accent);color:#fff}.stat-header{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-emoji{font-size:4rem;margin-right:1rem;color:var(--accent-light)}.stat-value{font-size:3.5rem;font-weight:700;color:var(--accent-light)}.icon{font-size:3.5rem;margin-bottom:1.5rem;color:var(--accent-light)}.check-mark{color:var(--success);margin-right:.75rem;font-weight:700}.quote{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-secondary)}.owner-info{text-align:right;font-style:normal;margin-top:1rem;color:var(--text-muted)}.pricing{background:var(--bg-tertiary);border-radius:var(--radius-lg)}.pricing-card{max-width:350px;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pricing-card.popular{border:2px solid var(--accent-light);transform:scale(1.05)}.price-display{margin-bottom:2rem}.new-price{font-size:3.5rem;font-weight:700;color:var(--text-secondary)}.screenshot{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.final-cta{text-align:center;padding:5rem 0;background:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));color:var(--text-primary);border-radius:var(--radius-lg);margin:2rem 0}.footer{text-align:center;padding:3rem 0;background:var(--bg-secondary);color:var(--text-secondary);border-top-left-radius:.5rem;border-top-right-radius:.5rem}@media (max-width: 768px){.hero{padding:1rem 0 4rem;margin-top:0}.hero h2{font-size:2.2rem}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{max-width:90%;margin-bottom:2rem}}@media (max-width: 480px){.hero h2{font-size:1.8rem}.main-logo{max-width:280px}.stat-value{font-size:2.5rem}}.trust,.how-it-works,.what-you-get,.analytics,.pricing,.testimonials,.final-cta{padding:5rem 0}.logo-section{margin-top:6rem;margin-bottom:4rem}.step-number{background:var(--accent);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #a944004d}.pricing-card{position:relative;padding:3.5rem 2rem}.popular-badge{background:var(--accent-light);color:var(--bg-primary);padding:.35rem 1.2rem;border-radius:20px;font-weight:700;font-size:.95rem;position:absolute;top:-14px;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;box-shadow:0 4px 12px #fdba7466}.hero{margin-top:5rem}.steps,.features,.pricing-grid,.testimonials-grid,.screenshots{gap:2.5rem;margin-top:3rem}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trust h2,.how-it-works h2,.what-you-get h2,.analytics h2,.pricing h2,.testimonials h2,.final-cta h2{font-size:2.85rem;font-weight:700;text-align:center}.trust p,.how-it-works p,.what-you-get p,.analytics p,.testimonials p,.final-cta p{text-align:center;max-width:820px;margin:0 auto 2.5rem}.trust p,.how-it-works p,.what-you-get p,.analytics p,.testimonials p,.final-cta p{margin-bottom:3rem}.centered-cta,.final-cta{text-align:center;margin-top:3rem}.centered-cta .cta-button,.final-cta .cta-button{display:inline-block;margin:0 auto;min-width:260px}.final-cta p{margin-bottom:2.5rem}.feature-highlight{max-width:520px;margin:2.5rem auto 0;padding:2.5rem;text-align:center}.testimonials-grid{justify-content:center;gap:2.5rem}@media (max-width: 768px){.feature-highlight{max-width:90%;padding:2rem}.cta-button{min-width:220px}}.onboarding-wizard{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);display:flex;justify-content:center;align-items:center;padding:1rem}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:28rem;width:100%;padding:2.5rem;margin:0 auto}.onboarding-wizard h2{color:var(--accent-light);text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.onboarding-wizard p{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.p-6{padding:1.5rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:var(--shadow)}.border{border:1px solid var(--border)}.border-gray-700{border-color:var(--border)}.bg-gray-800{background-color:var(--bg-card)}.bg-gray-900{background-color:var(--bg-primary)}.text-gray-200{color:var(--text-secondary)}.text-gray-300{color:var(--text-muted)}.text-orange-300{color:var(--accent-light)}.text-green-400{color:var(--success)}.space-y-3>*+*{margin-top:.75rem}.w-full{width:100%}.py-3{padding-top:.75rem;padding-bottom:.75rem}.rounded-md{border-radius:.375rem}.text-center{text-align:center}.text-left{text-align:left}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}.onboarding-step{display:flex;justify-content:space-between;margin-bottom:2rem}.onboarding-wizard{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;gap:2rem}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:28rem;width:100%;padding:2.5rem}.footer-onboarding{text-align:center;color:var(--text-muted);font-size:.875rem;margin-top:auto}.Customizations .MuiInputBase-input,.Customizations input{color:var(--text-primary)!important;background-color:var(--input-bg)!important}.Customizations .MuiOutlinedInput-root{background-color:var(--input-bg)!important;color:var(--text-primary)!important}.Customizations .MuiOutlinedInput-notchedOutline{border-color:var(--input-border)!important}.Customizations .MuiInputLabel-root{color:var(--text-secondary)!important}.Customizations .MuiToggleButton-root.Mui-selected,.Customizations .MuiToggleButton-root.Mui-selected:hover{background-color:var(--accent)!important;color:#fff!important}.MuiInputBase-input,.MuiOutlinedInput-input{color:var(--text-primary)!important}.MuiInputLabel-root{color:var(--text-secondary)!important}.MuiOutlinedInput-root{background-color:var(--input-bg)!important;color:var(--text-primary)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--input-border)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)!important}.MuiToggleButton-root{color:var(--text-primary)!important;background-color:var(--bg-card)!important;border:1px solid var(--border)!important}.MuiToggleButton-root:hover{background-color:var(--bg-secondary)!important}.MuiToggleButton-root.Mui-selected,.MuiToggleButton-root.Mui-selected:hover{background-color:var(--accent)!important;color:#fff!important}.MuiFormHelperText-root{color:var(--text-secondary)!important}.MuiTypography-subtitle1{color:var(--text-primary)!important}.MuiButton-outlined.Mui-disabled{color:var(--text-muted)!important;border-color:var(--border)!important;background-color:transparent!important}.MuiButton-outlined.Mui-disabled:hover{background-color:transparent!important}.MuiSvgIcon-colorError{color:#ef4444!important}.ProfilePage .MuiCard-root{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.ProfilePage .MuiTypography-root{color:var(--text-primary)!important}.ProfilePage .MuiTypography-body2,.ProfilePage .MuiFormHelperText-root{color:var(--text-secondary)!important}.ProfilePage .MuiButton-contained{background-color:var(--accent)!important;color:#fff!important}.ProfilePage .MuiButton-contained:hover{background-color:var(--accent-hover)!important}.login-page input,.LoginPage input,.onboarding-wizard input,.onboarding-card input{background-color:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--input-border)!important}.login-page input:focus,.onboarding-wizard input:focus,.onboarding-card input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #a944004d!important}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root{--bg-primary: #1a202c;--bg-secondary: #1f2937;--bg-tertiary: #2d3748;--bg-card: #1f2937;--text-primary: #e2e8f0;--text-secondary: #e5e7eb;--text-muted: #d1d5db;--accent: #a94400;--accent-hover: #7f3500;--accent-light: #fdba74;--accent-soft: rgba(253, 186, 116, .1);--border: #374151;--input-bg: #2d3748;--input-border: #4a5568;--input-focus: #a94400;--success: #4ade80;--shadow-sm: 0 1px 2px rgb(0 0 0 / .24);--shadow: 0 1px 2px rgb(0 0 0 / .24), 0 12px 32px -12px rgb(0 0 0 / .45);--shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .55);--radius: 12px;--radius-lg: 16px;--font-display: "Plus Jakarta Sans", "Inter", sans-serif}.light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #374151;--text-muted: #94a3b8;--accent: #a94400;--accent-hover: #7f3500;--accent-light: #fdba74;--accent-soft: rgba(169, 68, 0, .07);--border: #e2e8f0;--input-bg: #f8fafc;--input-border: #cbd5e1;--input-focus: #a94400;--success: #22c55e;--shadow-sm: 0 1px 2px rgb(15 23 42 / .05);--shadow: 0 1px 2px rgb(15 23 42 / .05), 0 12px 32px -16px rgb(15 23 42 / .14);--shadow-lg: 0 24px 48px -12px rgb(15 23 42 / .18);--radius: 12px;--radius-lg: 16px;--font-display: "Plus Jakarta Sans", "Inter", sans-serif}