*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--warning-400: #fbbf24;--warning-500: #f59e0b;--error-400: #f87171;--error-500: #ef4444;--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hero: linear-gradient(135deg, #eff6ff 0%, #f8fafc 50%, #f0fdf4 100%);--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-link: #2563eb;--font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(37, 99, 235, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 6px 16px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 12px 28px rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-navbar: 300;--z-modal: 400;--z-toast: 500;--container-max: 1200px;--container-narrow: 800px;--container-wide: 1400px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-5xl);letter-spacing:-.025em}h2{font-size:var(--text-4xl);letter-spacing:-.02em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--container-narrow)}.container-wide{max-width:var(--container-wide)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);padding:var(--space-4) 0;transition:all var(--transition-base);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent}.navbar.scrolled{padding:var(--space-3) 0;border-bottom-color:var(--neutral-200);box-shadow:var(--shadow-sm)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);text-decoration:none}.navbar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);font-weight:800;box-shadow:0 2px 8px #2563eb4d}.navbar-nav{display:flex;align-items:center;gap:var(--space-1)}.navbar-nav a{padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.navbar-nav a:hover,.navbar-nav a.active{color:var(--primary-600);background:var(--primary-50)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.mobile-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.mobile-nav{display:none;position:fixed;inset:0;background:var(--bg-primary);z-index:calc(var(--z-navbar) + 1);padding:var(--space-20) var(--space-6);flex-direction:column;gap:var(--space-2);animation:slideDown .3s ease}.mobile-nav.open{display:flex}.mobile-nav-close{position:absolute;top:var(--space-4);right:var(--space-6);font-size:var(--text-2xl);color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-2)}.mobile-nav a{display:block;padding:var(--space-4);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none}.mobile-nav a:hover{background:var(--neutral-50)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;border:none;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transition:width .4s ease,height .4s ease,top .4s ease,left .4s ease;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);box-shadow:0 2px 8px #2563eb40,0 1px 2px #0000000f}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 16px #2563eb59,0 2px 4px #0000000f;transform:translateY(-1px);color:var(--text-inverse)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--neutral-100);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.card{background:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative}.card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-highlight{border-color:var(--primary-200);box-shadow:var(--shadow-glow)}.card-highlight:hover{border-color:var(--primary-300);box-shadow:0 0 40px #2563eb33,var(--shadow-card-hover)}.section{padding:var(--space-24) 0;position:relative}.section-alt{background:var(--bg-secondary)}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-16)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-100);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);color:var(--text-secondary)}.hero{min-height:100vh;display:flex;align-items:center;background:var(--bg-hero);position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.04) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);animation:fadeInUp .6s ease}.hero-badge .badge-dot{width:8px;height:8px;background:var(--accent-500);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero h1{font-size:var(--text-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);animation:fadeInUp .6s ease .1s both}.hero h1 .highlight{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8);animation:fadeInUp .6s ease .2s both}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-10);animation:fadeInUp .6s ease .3s both}.hero-stats{display:flex;gap:var(--space-10);animation:fadeInUp .6s ease .4s both}.hero-stat{text-align:left}.hero-stat .stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text-primary)}.hero-stat .stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.hero-visual{position:relative;animation:fadeInRight .8s ease .3s both}.email-mockup{background:var(--bg-card);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform var(--transition-slow)}.email-mockup:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.mockup-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.mockup-dots{display:flex;gap:var(--space-2)}.mockup-dots span{width:12px;height:12px;border-radius:50%}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#febc2e}.mockup-dots span:nth-child(3){background:#28c840}.mockup-url{flex:1;height:30px;background:var(--bg-primary);border:1px solid var(--neutral-200);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.mockup-body{padding:var(--space-6)}.mockup-sidebar{display:grid;grid-template-columns:200px 1fr;gap:0;min-height:300px}.mockup-sidebar-nav{border-right:1px solid var(--neutral-200);padding:var(--space-4)}.mockup-sidebar-nav .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);cursor:default}.mockup-sidebar-nav .nav-item.active{background:var(--primary-50);color:var(--primary-600);font-weight:600}.mockup-sidebar-nav .nav-item .count{margin-left:auto;font-size:var(--text-xs);background:var(--primary-100);color:var(--primary-700);padding:1px 8px;border-radius:var(--radius-full);font-weight:600}.mockup-email-list{padding:var(--space-4)}.mockup-email-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-1);cursor:default;transition:background var(--transition-fast)}.mockup-email-item:hover{background:var(--neutral-50)}.mockup-email-item.unread{background:var(--primary-50)}.mockup-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#fff;flex-shrink:0}.mockup-email-content{flex:1;min-width:0}.mockup-email-from{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.mockup-email-subject{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-email-time{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{padding:var(--space-8)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-5);transition:transform var(--transition-spring)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}.feature-icon-blue{background:var(--primary-50);color:var(--primary-600)}.feature-icon-green{background:#ecfdf5;color:var(--accent-600)}.feature-icon-purple{background:#f5f3ff;color:#7c3aed}.feature-icon-amber{background:#fffbeb;color:#d97706}.feature-icon-rose{background:#fff1f2;color:#e11d48}.feature-icon-teal{background:#f0fdfa;color:#0d9488}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--text-sm);line-height:1.6}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.security-features{display:flex;flex-direction:column;gap:var(--space-5)}.security-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.security-item:hover{background:var(--neutral-50)}.security-item-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.security-item h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.security-item p{font-size:var(--text-sm)}.security-visual{position:relative}.shield-graphic{width:100%;max-width:400px;margin:0 auto;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center}.shield-outer{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));display:flex;align-items:center;justify-content:center;position:relative;animation:breathe 4s ease-in-out infinite}.shield-outer:before{content:"";position:absolute;inset:-20px;border-radius:50%;border:2px dashed var(--primary-200);animation:rotate 30s linear infinite}.shield-inner{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #2563eb4d}.shield-inner span{font-size:4rem;color:#fff}.orbit-dot{position:absolute;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--neutral-200);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-md);animation:float 5s ease-in-out infinite}.orbit-dot:nth-child(2){top:10%;right:15%;animation-delay:-1s}.orbit-dot:nth-child(3){bottom:20%;right:5%;animation-delay:-2s}.orbit-dot:nth-child(4){bottom:10%;left:15%;animation-delay:-3s}.orbit-dot:nth-child(5){top:20%;left:5%;animation-delay:-.5s}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.pricing-card{text-align:center;padding:var(--space-10);position:relative}.pricing-card.popular{border-color:var(--primary-300);box-shadow:var(--shadow-glow),var(--shadow-xl);transform:scale(1.03)}.pricing-card.popular:before{content:"Most Popular";position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-5);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-plan-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2)}.pricing-price .currency{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.pricing-price .amount{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;color:var(--text-primary);line-height:1}.pricing-price .period{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.pricing-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--neutral-200)}.pricing-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8);text-align:left}.pricing-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.pricing-feature .check{width:20px;height:20px;border-radius:50%;background:#ecfdf5;color:var(--accent-600);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);flex-shrink:0}.pricing-feature .cross{width:20px;height:20px;border-radius:50%;background:var(--neutral-100);color:var(--neutral-400);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);flex-shrink:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative}.steps-grid:before{content:"";position:absolute;top:40px;left:16.66%;right:16.66%;height:2px;background:linear-gradient(90deg,var(--primary-200),var(--primary-400),var(--primary-200))}.step-card{text-align:center;position:relative;z-index:1}.step-number{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;margin:0 auto var(--space-6);box-shadow:0 4px 16px #2563eb4d;transition:transform var(--transition-spring)}.step-card:hover .step-number{transform:scale(1.1)}.step-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.step-card p{font-size:var(--text-sm);max-width:300px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.testimonial-card{padding:var(--space-8)}.testimonial-stars{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);color:#fbbf24;font-size:var(--text-lg)}.testimonial-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-6);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-300),var(--primary-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-sm)}.testimonial-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.testimonial-role{font-size:var(--text-xs);color:var(--text-tertiary)}.cta-section{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-radius:var(--radius-2xl);padding:var(--space-20) var(--space-12);text-align:center;position:relative;overflow:hidden;margin:var(--space-6)}.cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%}.cta-section h2{color:#fff;font-size:var(--text-4xl);margin-bottom:var(--space-4)}.cta-section p{color:#fffc;font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-8)}.cta-section .btn-primary{background:#fff;color:var(--primary-700);font-size:var(--text-base);padding:var(--space-4) var(--space-10);box-shadow:0 4px 20px #00000026}.cta-section .btn-primary:hover{background:var(--neutral-50);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:var(--space-20) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.footer-brand p{color:var(--neutral-400);font-size:var(--text-sm);margin-top:var(--space-4);line-height:1.7}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.footer-social a{width:40px;height:40px;border-radius:var(--radius-md);background:var(--neutral-800);display:flex;align-items:center;justify-content:center;color:var(--neutral-400);font-size:var(--text-lg);transition:all var(--transition-fast);text-decoration:none}.footer-social a:hover{background:var(--primary-600);color:#fff;transform:translateY(-2px)}.footer-column h4{color:#fff;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{color:var(--neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--neutral-800);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--neutral-500)}.footer-bottom-links{display:flex;gap:var(--space-6)}.footer-bottom-links a{color:var(--neutral-500);font-size:var(--text-sm);text-decoration:none}.footer-bottom-links a:hover{color:var(--neutral-300)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-tertiary)}.form-input-error{border-color:var(--error-400)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;font-size:var(--text-xs);color:var(--error-500);margin-top:var(--space-1)}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-input-group{display:flex;align-items:stretch}.form-input-group .form-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.form-input-group .input-suffix{display:flex;align-items:center;padding:0 var(--space-4);background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;white-space:nowrap}.form-checkbox{display:flex;align-items:start;gap:var(--space-3)}.form-checkbox input[type=checkbox]{width:18px;height:18px;border-radius:var(--radius-sm);border:2px solid var(--neutral-300);accent-color:var(--primary-600);margin-top:2px;cursor:pointer}.form-checkbox label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.username-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.username-suggestion{padding:var(--space-1) var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.username-suggestion:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.availability-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-top:var(--space-1);font-weight:500}.availability-available{color:var(--accent-600)}.availability-taken{color:var(--error-500)}.availability-checking{color:var(--text-tertiary)}.password-strength{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.strength-bar{flex:1;height:4px;border-radius:var(--radius-full);background:var(--neutral-200);transition:background var(--transition-fast)}.strength-bar.active.weak{background:var(--error-400)}.strength-bar.active.medium{background:var(--warning-500)}.strength-bar.active.strong{background:var(--accent-500)}.password-strength-text{font-size:var(--text-xs);margin-top:var(--space-1);font-weight:500}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));display:flex;flex-direction:column;justify-content:center;padding:var(--space-16);position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 60%)}.auth-brand h2{color:#fff;font-size:var(--text-4xl);margin-bottom:var(--space-6);position:relative}.auth-brand p{color:#fffc;font-size:var(--text-lg);margin-bottom:var(--space-10);position:relative}.auth-features{display:flex;flex-direction:column;gap:var(--space-4);position:relative}.auth-feature{display:flex;align-items:center;gap:var(--space-3);color:#ffffffe6;font-size:var(--text-sm)}.auth-feature-icon{width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.auth-form-container{width:100%;max-width:440px}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.auth-form-header p{font-size:var(--text-base)}.auth-form-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.page-header{padding:calc(80px + var(--space-16)) 0 var(--space-16);background:var(--bg-hero);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);border-radius:50%}.page-header h1{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.page-header p{font-size:var(--text-lg);max-width:600px;margin:0 auto}.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;padding:var(--space-16) 0}.feature-detail.reversed{direction:rtl}.feature-detail.reversed>*{direction:ltr}.feature-detail-content h3{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.feature-detail-content p{font-size:var(--text-lg);margin-bottom:var(--space-6)}.feature-detail-list{display:flex;flex-direction:column;gap:var(--space-3)}.feature-detail-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary)}.feature-detail-list .check-icon{color:var(--accent-500);font-size:var(--text-lg)}.feature-detail-visual{display:flex;align-items:center;justify-content:center}.feature-illustration{width:100%;max-width:480px;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--primary-50),var(--neutral-50));border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:center;font-size:5rem;box-shadow:var(--shadow-lg)}.comparison-table{width:100%;border-collapse:collapse;margin-top:var(--space-8)}.comparison-table th,.comparison-table td{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--neutral-200)}.comparison-table thead th{background:var(--neutral-50);font-weight:700;color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.comparison-table tbody td:first-child{font-weight:500;color:var(--text-primary)}.comparison-table tbody td{color:var(--text-secondary)}.comparison-table .check-mark{color:var(--accent-500);font-weight:700}.comparison-table .cross-mark{color:var(--neutral-400)}.faq-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item.open{border-color:var(--primary-200)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:left;transition:background var(--transition-fast)}.faq-question:hover{background:var(--neutral-50)}.faq-arrow{font-size:var(--text-sm);transition:transform var(--transition-base);color:var(--text-tertiary)}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;display:none}.faq-item.open .faq-answer{display:block;animation:fadeIn .3s ease}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-info-item{display:flex;gap:var(--space-4)}.contact-info-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.contact-info-item h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.contact-info-item p{font-size:var(--text-sm)}.legal-content{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-12) var(--space-6)}.legal-content h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.legal-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content p{margin-bottom:var(--space-4);font-size:var(--text-base)}.legal-content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.legal-content li{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-12) 0}.stat-item{text-align:center}.stat-item .stat-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--primary-600);margin-bottom:var(--space-2)}.stat-item .stat-text{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero h1{font-size:var(--text-5xl)}.hero-actions,.hero-stats{justify-content:center}.hero-visual{max-width:600px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr;gap:var(--space-10)}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card.popular{transform:none}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.feature-detail{grid-template-columns:1fr;gap:var(--space-8)}.feature-detail.reversed{direction:ltr}.contact-grid,.auth-page{grid-template-columns:1fr}.auth-brand{display:none}}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.hero{padding-top:100px}.hero h1{font-size:var(--text-4xl)}.hero-stats{flex-wrap:wrap;gap:var(--space-6)}.navbar-nav{display:none}.mobile-toggle{display:flex}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:var(--space-6)}.steps-grid:before{display:none}.testimonials-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.cta-section{padding:var(--space-12) var(--space-6);margin:var(--space-4);border-radius:var(--radius-xl)}.page-header h1{font-size:var(--text-4xl)}.mockup-sidebar{grid-template-columns:1fr}.mockup-sidebar-nav{border-right:none;border-bottom:1px solid var(--neutral-200);display:flex;overflow-x:auto;gap:var(--space-1);padding:var(--space-2)}.mockup-sidebar-nav .nav-item{white-space:nowrap}}@media(max-width:480px){.hero h1{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.section{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-10)}.card{padding:var(--space-6)}}