*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--font-display: "DM Serif Display", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary: #FF6B6B;--color-primary-dark: #E85555;--color-secondary: #FFB84D;--color-accent: #4ECDC4;--color-accent-dark: #3AB5AC;--color-bg-light: #FFF9F5;--color-bg-cream: #FFF4E6;--color-surface: #FFFFFF;--color-navy: #1A2332;--color-navy-light: #2D3E54;--color-text-primary: #1A2332;--color-text-secondary: #526075;--color-text-tertiary: #8491A5;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-hero: linear-gradient(135deg, #FF6B6B 0%, #FFB84D 50%, #4ECDC4 100%);--gradient-mesh: radial-gradient(at 20% 30%, rgba(255, 107, 107, .15) 0%, transparent 50%), radial-gradient(at 80% 70%, rgba(78, 205, 196, .15) 0%, transparent 50%), radial-gradient(at 40% 80%, rgba(255, 184, 77, .1) 0%, transparent 50%);--shadow-sm: 0 2px 8px rgba(26, 35, 50, .08);--shadow-md: 0 4px 20px rgba(26, 35, 50, .12);--shadow-lg: 0 8px 32px rgba(26, 35, 50, .16);--shadow-xl: 0 12px 48px rgba(26, 35, 50, .2);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;overflow-x:hidden}#root{width:100%}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:400;line-height:1.2}p{margin:0}img{max-width:100%;height:auto}.app{width:100%;opacity:0;animation:fadeIn .6s ease-out .1s forwards}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerFlow{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hero-content{animation:fadeInUp .8s ease-out .2s backwards}.feature-card{animation:fadeInUp .6s ease-out backwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.step{animation:fadeInUp .8s ease-out backwards}.step:nth-child(1){animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}.testimonial-card{animation:fadeInUp .6s ease-out backwards}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.3s}.testimonial-card:nth-child(3){animation-delay:.5s}.nav{position:fixed;top:0;left:0;right:0;background:#fff9f5eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #ff6b6b1a;z-index:1000;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.nav-logo h2{font-size:28px;font-family:var(--font-display);color:var(--color-primary);margin:0;cursor:pointer;transition:color .3s ease;font-weight:400;letter-spacing:-.5px}.nav-logo h2:hover{color:var(--color-primary-dark)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{font-size:16px;font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:color .3s ease;position:relative}.nav-links a:not(.nav-contact):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-links a:not(.nav-contact):hover:after{width:100%}.nav-links a:not(.nav-contact):hover{color:var(--color-primary)}.nav-contact{background:var(--gradient-primary);color:#fff!important;padding:10px var(--space-md);border-radius:var(--radius-full);transition:all .3s ease;font-weight:600}.nav-contact:after{display:none}.nav-contact:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b6b4d}.hero{min-height:100vh;display:flex;align-items:center;background:var(--gradient-hero),var(--gradient-mesh);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:#fff;text-align:center;padding:140px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(78,205,196,.1) 0%,transparent 50%);pointer-events:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:clamp(52px,9vw,88px);font-family:var(--font-display);font-weight:400;line-height:1.1;margin:0 0 var(--space-md) 0;letter-spacing:-1px}.gradient-text{background:linear-gradient(120deg,#fff,#ffe5a0,#fff,#ffe5a0,#fff);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmerFlow 4s ease-in-out infinite;font-style:italic}.hero-description{font-size:22px;line-height:1.7;margin:0 0 var(--space-xl) 0;opacity:.95;max-width:680px;margin-left:auto;margin-right:auto;font-weight:400}.cta-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:12px;padding:18px var(--space-lg);font-size:18px;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:var(--font-body)}.btn-primary{background:var(--color-navy);color:#fff;box-shadow:0 4px 16px #1a233233}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #1a233259}.btn-secondary{background:#fffffff2;color:var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #fff3}.btn-secondary:hover{transform:translateY(-3px) scale(1.02);background:#fff;box-shadow:0 12px 32px #fff6}.hero-note{font-size:15px;opacity:.85;margin:0;font-weight:400}.features{padding:var(--space-3xl) 0;background:var(--color-bg-light);background-image:var(--gradient-mesh);position:relative}.section-title{font-size:clamp(40px,6vw,64px);font-family:var(--font-display);font-weight:400;text-align:center;margin:0 0 var(--space-2xl) 0;color:var(--color-navy);letter-spacing:-1px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.feature-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,107,107,.08)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#ff6b6b33}.feature-icon{font-size:56px;margin-bottom:var(--space-sm);animation:float 3s ease-in-out infinite}.feature-card:nth-child(2n) .feature-icon{animation-delay:1.5s}.feature-card h3{font-size:24px;font-family:var(--font-display);font-weight:400;margin:0 0 12px;color:var(--color-navy)}.feature-card p{font-size:17px;line-height:1.7;color:var(--color-text-secondary);margin:0}.how-it-works{padding:var(--space-3xl) 0;background:var(--color-surface);position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);max-width:1100px;margin:0 auto}.step{text-align:center;position:relative}.step-number{width:80px;height:80px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;font-family:var(--font-body);margin:0 auto var(--space-md) auto;box-shadow:var(--shadow-lg);transition:all .4s ease}.step:hover .step-number{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-xl)}.step h3{font-size:28px;font-family:var(--font-display);font-weight:400;margin:0 0 var(--space-sm) 0;color:var(--color-navy)}.step p{font-size:17px;line-height:1.7;color:var(--color-text-secondary);margin:0}.testimonials{padding:var(--space-3xl) 0;background:var(--color-bg-cream);background-image:var(--gradient-mesh)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.testimonial-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--color-accent);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stars{color:var(--color-secondary);font-size:24px;margin-bottom:var(--space-sm);letter-spacing:2px}.testimonial-text{font-size:18px;line-height:1.7;color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;font-style:italic}.testimonial-author{font-size:16px;color:var(--color-accent-dark);font-weight:600;margin:0}.cta-section{padding:var(--space-3xl) 0;background:var(--gradient-hero);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.5;pointer-events:none}.cta-title{font-size:clamp(40px,6vw,60px);font-family:var(--font-display);font-weight:400;margin:0 0 var(--space-sm) 0;position:relative;z-index:1;letter-spacing:-.5px}.cta-description{font-size:22px;line-height:1.6;margin:0 0 var(--space-xl) 0;opacity:.95;position:relative;z-index:1}.cta-section .cta-buttons{position:relative;z-index:1}.footer{background:var(--color-navy);color:#fff;padding:var(--space-2xl) 0 var(--space-lg) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-brand h3{font-size:28px;font-family:var(--font-display);font-weight:400;margin:0 0 var(--space-xs) 0;color:var(--color-secondary)}.footer-brand p{margin:0;opacity:.8;font-size:16px}.footer-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:all .3s ease;font-weight:500;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .3s ease}.footer-links a:hover{opacity:1;color:var(--color-accent)}.footer-links a:hover:after{width:100%}.footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:0;opacity:.6;font-size:14px}@media(max-width:768px){.nav-links a:not(.nav-contact){display:none}.nav-links{gap:0}.hero{min-height:100vh;padding:120px 0 60px}.hero-title{font-size:48px}.cta-buttons{flex-direction:column}.btn{width:100%;max-width:360px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:var(--space-xl)}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.section-title{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}