.magic-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:magic-loader-fade-in .3s ease-out}.magic-loader-overlay.magic-loader-exiting{animation:magic-loader-fade-out .4s ease-in forwards}.magic-loader-overlay.magic-loader-exiting .magic-loader-card{animation:magic-loader-scale-down .4s ease-in forwards}body.magic-loader-active{overflow:hidden;overscroll-behavior:none}.magic-loader-blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.magic-loader-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:magic-loader-blob-float 12s ease-in-out infinite}.magic-loader-blob-1{width:40vw;height:40vw;top:-10%;left:-10%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);animation-delay:0s}.magic-loader-blob-2{width:35vw;height:35vw;bottom:-15%;right:-10%;background:linear-gradient(135deg,#ec4899,#f43f5e,#f97316);animation-delay:-4s}.magic-loader-blob-3{width:30vw;height:30vw;top:40%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#06b6d4,#3b82f6);animation-delay:-8s}@keyframes magic-loader-blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,-5%) scale(1.05)}66%{transform:translate(-5%,5%) scale(.95)}}.magic-loader-card{position:relative;width:100%;max-width:360px;padding:32px 28px;background:#ffffffe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 25px 50px -12px #00000059,inset 0 1px #ffffff1a;animation:magic-loader-card-enter .4s cubic-bezier(.34,1.56,.64,1)}@media(max-width:400px){.magic-loader-card{padding:24px 20px;margin:0 16px}}@keyframes magic-loader-card-enter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes magic-loader-scale-down{to{opacity:0;transform:scale(.96)}}@keyframes magic-loader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes magic-loader-fade-out{to{opacity:0}}.magic-loader-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.magic-loader-sparkle{position:absolute;width:6px;height:6px;left:calc(50% + var(--sparkle-x, 0px));top:calc(50% + var(--sparkle-y, 0px));border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899);opacity:0;animation:magic-loader-sparkle-float var(--sparkle-duration, 5s) ease-in-out infinite;animation-delay:var(--sparkle-delay, 0s)}@keyframes magic-loader-sparkle-float{0%,to{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.9;transform:translate(calc(var(--sparkle-x, 0px) * .5),calc(var(--sparkle-y, 0px) * .5 - 15px)) scale(1)}80%{opacity:.4;transform:translate(calc(var(--sparkle-x, 0px) * 1.2),calc(var(--sparkle-y, 0px) * 1.2 - 35px)) scale(.8)}}.magic-loader-icon-wrap{position:relative;width:64px;height:64px;margin:0 auto 20px}.magic-loader-glow-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:magic-loader-glow-rotate 4s linear infinite}.magic-loader-pulse-rings{position:absolute;inset:-4px}.magic-loader-pulse-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(168,85,247,.4);animation:magic-loader-pulse 2s ease-out infinite}.magic-loader-pulse-ring:nth-child(2){animation-delay:1s}@keyframes magic-loader-glow-rotate{to{transform:rotate(360deg)}}@keyframes magic-loader-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.magic-loader-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes magic-loader-icon-shine{0%,to{opacity:1}50%{opacity:.9}}.magic-loader-phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px;margin-bottom:8px;min-height:2em}.magic-loader-word{display:inline-block;color:#1e1240;font-weight:600;opacity:0;transform:translateY(8px);animation:magic-loader-word-in .5s ease-out forwards;animation-delay:calc(var(--word-index, 0) * .08s)}.magic-loader-word-accent{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes magic-loader-word-in{to{opacity:1;transform:translateY(0)}}.magic-loader-label{font-size:13px;color:#4a3f6b;text-align:center;margin:0 0 20px}.magic-loader-error{font-size:14px;color:#f87171;text-align:center;margin:0 0 20px}.magic-loader-progress-section{margin-bottom:16px}.magic-loader-progress-wrap{height:8px;background:#1e12401f;border-radius:999px;overflow:hidden;margin-bottom:8px}.magic-loader-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#34d399);background-size:200% 100%;border-radius:999px;transition:width .15s ease-out;animation:magic-loader-progress-shimmer 2s ease-in-out infinite}.magic-loader-progress-percent{font-size:13px;font-weight:600;color:#1e1240;text-align:right}@keyframes magic-loader-progress-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.magic-loader-dots{display:flex;justify-content:center;gap:8px}.magic-loader-dot{width:9px;height:9px;border-radius:50%;background:#1e124033;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.magic-loader-dot.completed{background:#34d399}.magic-loader-dot.active{background:linear-gradient(135deg,#a855f7,#ec4899);transform:scale(1.2);box-shadow:0 0 8px #a855f780}.magic-loader-reduced-motion .magic-loader-blob,.magic-loader-reduced-motion .magic-loader-sparkle,.magic-loader-reduced-motion .magic-loader-glow-ring,.magic-loader-reduced-motion .magic-loader-pulse-ring{animation-duration:.01ms!important;animation-iteration-count:1!important}.magic-loader-reduced-motion .magic-loader-word{animation:none;opacity:1;transform:none}.magic-loader-reduced-motion .magic-loader-progress-bar{animation:none}.route-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--content-bg, #f5f7ff)}.route-fallback--full{min-height:100vh;width:100%}.route-fallback--inline{min-height:200px;flex:1;width:100%}.route-fallback__spinner{width:32px;height:32px;border:3px solid var(--light-gray, #e9ecef);border-top-color:var(--primary, #7d8ef5);border-radius:50%;animation:route-fallback-spin .8s linear infinite}.route-fallback__text{font-size:14px;color:var(--gray, #6c757d)}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--accent-neon: #00ff88;--accent-pastel: #ff6b9d;--accent-purple: #9d4edd;--text-primary: #ffffff;--text-secondary: #b0b0b0;--gradient: linear-gradient(135deg, var(--accent-neon), var(--accent-purple))}header.header{background:transparent;border-bottom:none;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);box-shadow:0 2px 12px #0000000f;height:auto;min-height:70px;margin:0;box-sizing:border-box}header.header.scrolled{background:#121826f2;padding:.75rem 2rem;border-bottom:none;box-shadow:0 2px 12px #0000000f}header.header .header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header.header .logo-section{display:flex;align-items:center;gap:1rem}header.header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800}header.header .logo-text{background:linear-gradient(135deg,#0f8,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}header.header .logo:hover .logo-text{background:linear-gradient(135deg,#9d4edd,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header.header .logo-icon{font-size:1.75rem}header.header .dynamic-greeting{color:var(--accent-pastel);font-size:.875rem;font-weight:600;opacity:.9;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}header.header .nav{display:flex;align-items:center;gap:2rem}header.header .nav-links{display:flex;gap:2rem}header.header .nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:all .3s ease;background:none;border:none;cursor:pointer}header.header .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}header.header .nav-link:hover{color:var(--accent-neon);transform:translateY(-2px)}header.header .nav-link:hover:after{width:100%}header.header .nav-link.hover-glow{text-shadow:0 0 10px var(--accent-neon)}header.header .auth-section{display:flex;gap:1rem;align-items:center}header.header .auth-btn,header.header button{margin:0!important;padding:.75rem 1.5rem!important;border:none!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;background:transparent!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}header.header .auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}header.header .auth-btn:hover:before{left:100%}header.header .login-btn{background:transparent!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.3)!important;outline:none!important}header.header .login-btn:hover{background:#ffffff0d;border-color:#ffffff80;transform:translateY(-2px)}header.header .signup-btn{background:#ffffff1a!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.3)!important;outline:none!important}header.header .signup-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}header.header .mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none!important;border:none!important;cursor:pointer!important;padding:.5rem!important;z-index:1001;border-radius:0!important;font-size:inherit!important;font-weight:inherit!important}header.header .menu-line{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease;transform-origin:center}header.header .mobile-menu-btn:hover .menu-line{background:var(--accent-neon)}header.header .line-1{transform:rotate(45deg) translate(6px,6px)}header.header .line-2{opacity:0}header.header .line-3{transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:968px){header.header{padding:1rem}header.header.scrolled{padding:.75rem 1rem}header.header .nav{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:flex-start;padding:6rem 2rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080}header.header .nav-open{right:0}header.header .nav-links{flex-direction:column;gap:1.5rem;width:100%}header.header .nav-link{padding:1rem;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.1)}header.header .nav-link:hover{background:#00ff881a;border-color:var(--accent-neon)}header.header .auth-section{flex-direction:column;width:100%;margin-top:2rem}header.header .auth-btn{width:100%;text-align:center}header.header .mobile-menu-btn{display:flex}header.header .dynamic-greeting{display:none}}@media(max-width:480px){header.header .logo-text{font-size:1.25rem}header.header .logo-icon{font-size:1.5rem}header.header .header-container{flex-wrap:wrap}}header.header *{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){header.header,header.header .nav-link,header.header .auth-btn,header.header .logo{transition:none;animation:none}}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--instagram: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);--facebook: #1877f2;--youtube: #ff0000;--tiktok: #000000;--twitter: #1da1f2;--whatsapp: #25d366;--gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));--gradient-secondary: linear-gradient(135deg, var(--accent), var(--primary-light));--gradient-warm: linear-gradient(135deg, #f97316, #ec4899);--gradient-cool: linear-gradient(135deg, #06b6d4, #8b5cf6);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}.home-main *{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:#344054;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;font-size:16px}body:before,body:after{content:"";position:fixed;border-radius:50%;opacity:.1;pointer-events:none;z-index:0}body:before{width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);top:10%;left:-10%;filter:blur(60px)}body:after{width:300px;height:300px;background:linear-gradient(135deg,#ec4899,#f06292);bottom:10%;right:-5%;filter:blur(60px)}.home-main{padding-top:80px}.container-wide{max-width:1400px;margin:0 auto;padding:0 40px}.hero{padding:120px 0;background:linear-gradient(90deg,#f0f4ff,#fdf2f8);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-background{position:absolute;inset:0;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;background:var(--primary);top:10%;left:5%;animation-delay:0s}.shape-2{width:150px;height:150px;background:var(--secondary);top:60%;right:10%;animation-delay:2s}.shape-3{width:100px;height:100px;background:var(--accent);bottom:20%;left:15%;animation-delay:4s}.shape-4{width:120px;height:120px;background:var(--success);top:30%;right:20%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{text-align:center;max-width:1100px;margin:0 auto 80px;padding:0 20px}.hero-badges{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.hero-badge{background:#ffffffe6;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:16px;color:#344054;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:16px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.cta-btn:hover:before{left:100%}.cta-btn.primary{background:linear-gradient(135deg,#6b5bff,#ff5fb7);color:#fff;box-shadow:0 4px 15px #6b5bff4d;border-radius:14px;border:none}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b5bff66}.cta-btn.secondary{background:#fff;color:var(--text-primary);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014;border-radius:14px}.cta-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.cta-btn.large{padding:18px 40px;font-size:1.1rem}.btn-icon{font-size:1.2rem}.hero-stats{display:flex;gap:48px;justify-content:center;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:8px;font-weight:500}.generator-showcase{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(20px);overflow:hidden;max-width:1000px;margin:0 auto}.generator-container{padding:0}.generator-header{background:var(--gradient-primary);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.generator-header h3{font-size:1.5rem;font-weight:700;margin:0}.platform-tags{display:flex;gap:8px;flex-wrap:wrap}.platform-tag{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;background:#fff3;color:#fff;backdrop-filter:blur(10px)}.platform-tag.instagram{background:#e1306ccc}.platform-tag.facebook{background:#1877f2cc}.platform-tag.youtube{background:#f00c}.platform-tag.tiktok{background:#000c}.generator-body{padding:28px;display:grid;gap:32px}.input-section{display:grid;gap:24px}.prompt-input-container{position:relative}.prompt-input{width:100%;background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:20px;color:var(--text-primary);font-size:1rem;resize:none;transition:all .3s ease;font-family:inherit;min-height:120px}.prompt-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #6366f11a;background:#fff}.prompt-input::-moz-placeholder{color:var(--text-light)}.prompt-input::placeholder{color:var(--text-light)}.input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.voice-btn{background:var(--bg-tertiary);border:none;padding:12px;border-radius:var(--radius-md);cursor:pointer;font-size:1.2rem;transition:all .3s ease}.voice-btn:hover{background:var(--primary-light);color:#fff;transform:scale(1.1)}.generate-btn-main{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6b5bff,#ff5fb7);color:#fff;border:none;padding:16px 32px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #6b5bff4d}.generate-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b5bff66}.btn-sparkle{font-size:1.2rem}.btn-arrow{transition:transform .3s ease}.generate-btn-main:hover .btn-arrow{transform:translate(4px)}.style-presets{border-top:1px solid var(--bg-tertiary);padding-top:24px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.preset{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:16px;border-radius:var(--radius-md);transition:all .3s ease;border:2px solid transparent}.preset:hover{background:var(--bg-secondary);transform:translateY(-2px)}.preset.active{border-color:var(--primary);background:#6366f10d}.preset-preview{width:60px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--bg-tertiary)}.preset-preview.modern{background:var(--gradient-primary)}.preset-preview.elegant{background:var(--gradient-cool)}.preset-preview.bold{background:var(--gradient-warm)}.preset-preview.minimal{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.preset span{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.output-preview{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px;border:1px solid var(--bg-tertiary)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.preview-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.preview-actions{display:flex;gap:12px}.action-btn{background:#fff;border:1px solid var(--bg-tertiary);padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.preview-card{background:#fff;border-radius:var(--radius-lg);padding:20px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.preview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.preview-card.instagram-preview{border-color:#e1306c}.preview-card.facebook-preview{border-color:#1877f2}.preview-card.story-preview{border-color:#8b5cf6}.preview-card.youtube-preview{border-color:red}.preview-badge{position:absolute;top:8px;right:8px;background:var(--text-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.preview-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.platform-logo{font-size:2.5rem}.preview-text{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.features-section{padding:100px 0;background:var(--bg-secondary)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{font-size:34px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.section-header p{font-size:16px;color:#344054;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.feature-card{background:#fff;padding:40px 32px;border-radius:var(--radius-xl);text-align:center;border:1px solid var(--bg-tertiary);transition:all .3s ease;box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:16px;color:var(--text-primary);font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.6}.use-cases-section{padding:100px 0;background:#fff}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.use-case{text-align:center;padding:32px 24px;border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all .3s ease}.use-case:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-4px)}.use-case:hover .use-case-icon{transform:scale(1.2)}.use-case-icon{font-size:3rem;margin-bottom:16px;transition:all .3s ease}.use-case h4{font-size:1.25rem;margin-bottom:12px;font-weight:600}.use-case p{font-size:.95rem;opacity:.8;line-height:1.5}.final-cta-section{padding:100px 0;background:var(--gradient-primary);color:#fff;text-align:center}.cta-content h2{font-size:3.5rem;font-weight:700;margin-bottom:16px}.cta-content p{font-size:1.25rem;margin-bottom:32px;opacity:.9}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.cta-guarantee{font-size:.9rem;opacity:.8}.main-footer{background:var(--text-primary);color:#fff;padding:60px 0 30px;width:100%}.main-footer .container-wide{max-width:100%;padding:0 40px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:40px;position:relative!important}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700}.footer-brand p{color:#94a3b8;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{color:#fff;margin-bottom:20px;font-size:1.1rem;font-weight:600}.footer-column a{display:block;color:#94a3b8;text-decoration:none;margin-bottom:12px;transition:color .3s ease;font-size:.95rem}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:30px;text-align:center}.footer-bottom p{color:#94a3b8;font-size:.9rem}@media(max-width:1024px){.footer-content{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.main-footer .container-wide{padding:0 24px}.footer-links{grid-template-columns:1fr}}@media(max-width:1024px){.hero-title{font-size:3rem}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container-wide{padding:0 24px}.hero{padding:80px 0}.hero-title{font-size:40px}.hero-ctas{flex-direction:column}.cta-btn{width:100%;justify-content:center}.generator-body{padding:24px}.preview-header{flex-direction:column;gap:16px;text-align:center}.preview-actions{justify-content:center}.section-header h2{font-size:28px}.features-grid,.use-cases-grid{grid-template-columns:1fr}}@media(max-width:480px){.container-wide{padding:0 16px}.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:24px}.preset-grid{grid-template-columns:repeat(2,1fr)}.preview-grid,.footer-links{grid-template-columns:1fr}}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--auth-bg:#ffffff;--auth-card-bg:#ffffff;--auth-border:#e6eefb;--auth-text:#0f1724;--auth-text-light:#64748b;--auth-primary:#6366f1;--auth-primary-dark:#4f46e5;--auth-success:#10b981;--auth-ghost:#f8fafc;--radius-lg:14px}.auth-main{margin-top:80px;min-height:calc(100vh - 80px);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:1200px;margin:0 auto}.auth-content{display:grid;grid-template-columns:1fr 1fr;background:var(--auth-card-bg);border-radius:24px;box-shadow:0 32px 64px #0c0c142e;overflow:hidden;min-height:680px;max-height:1000px}.auth-form-section{padding:64px 48px;display:flex;align-items:center;justify-content:center;background:var(--auth-card-bg)}.auth-form-container{width:100%;max-width:420px;margin:0 auto}.auth-visual-section{background:linear-gradient(135deg,var(--auth-primary) 0%,#8b5cf6 100%);color:#fff;padding:64px 48px;display:flex;align-items:center;justify-content:center;position:relative}.auth-visual-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.14) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 50%)}.auth-visual-content{max-width:420px;position:relative;z-index:1}.form-header{text-align:center;margin-bottom:32px}.form-header h1{font-size:2.25rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--auth-text) 0%,var(--auth-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-header p{color:var(--auth-text-light);font-size:1rem;margin:0}.social-auth{margin-bottom:20px}.social-btn{width:100%;padding:14px 20px;border:2px solid var(--auth-border);border-radius:var(--radius-lg);background:#fff;color:var(--auth-text);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;position:relative;overflow:hidden}.social-btn:focus{outline:3px solid rgba(99,102,241,.14);outline-offset:2px}.divider{position:relative;text-align:center;margin:22px 0;color:var(--auth-text-light);font-size:.95rem;font-weight:500}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--auth-border);transform:translateY(-50%)}.divider span{background:var(--auth-card-bg);padding:0 16px;position:relative;z-index:1}.auth-tabs{display:grid;gap:10px;margin-bottom:22px;background:var(--auth-ghost);padding:8px;border-radius:12px;border:1px solid var(--auth-border)}.tab-btn{padding:12px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;color:var(--auth-text-light)}.tab-btn.active{background:#fff;box-shadow:0 6px 18px #02061714;color:var(--auth-primary);transform:translateY(-1px)}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--auth-text);font-size:.95rem}.form-group input{width:100%;padding:12px 14px;border:2px solid var(--auth-border);border-radius:12px;font-size:1rem;transition:all .18s ease;background:#fff;color:var(--auth-text)}.form-group input:focus{outline:none;border-color:var(--auth-primary);box-shadow:0 0 0 4px #6366f114;transform:translateY(-1px)}.form-group input::-moz-placeholder{color:var(--auth-text-light)}.form-group input::placeholder{color:var(--auth-text-light)}.submit-btn{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;position:relative;overflow:hidden}.submit-btn.primary{background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-dark));color:#fff;box-shadow:0 6px 20px #6366f12e}.submit-btn.primary:focus{outline:3px solid rgba(99,102,241,.14);outline-offset:2px}.otp-benefits{margin-top:18px;padding:18px;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:12px;border-left:4px solid var(--auth-primary)}.benefit-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.benefit-icon{font-size:1.2rem;flex-shrink:0}.benefit-item span{color:var(--auth-text);font-weight:600;font-size:.95rem}.form-options{margin:14px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--auth-text)}.forgot-link{color:var(--auth-primary);text-decoration:none;font-weight:700}.auth-footer{text-align:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--auth-border)}.auth-link{color:var(--auth-primary);text-decoration:none;font-weight:700}.visual-header h2{font-size:2rem;margin-bottom:8px;font-weight:800}.visual-header p{opacity:.95;font-size:1rem;margin:0 0 18px}@media(max-width:1024px){.auth-content{grid-template-columns:1fr}.auth-visual-section{display:none}.auth-form-section{padding:36px}.auth-container{max-width:520px}}@media(max-width:480px){.auth-form-section{padding:24px}.form-header h1{font-size:1.5rem}.auth-tabs{grid-template-columns:1fr}}.tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.tour-overlay-backdrop{position:absolute;inset:0;background:#000000a6;pointer-events:auto}.tour-overlay .tour-spotlight-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}#tour-spot-hole,#tour-spot-border{transition:x .35s ease,y .35s ease,width .35s ease,height .35s ease}.tour-tooltip{position:fixed;max-width:420px;width:320px;padding:0;background:linear-gradient(135deg,#fff,#fafbff);border-radius:16px;box-shadow:0 20px 50px #00000026,0 0 0 1px #7d8ef51f;pointer-events:auto;z-index:10001;opacity:0;transition:opacity .25s ease,transform .25s ease;overflow:hidden}.tour-tooltip-visible{opacity:1;transform:translateY(0)}.tour-tooltip-header{padding:12px 20px 8px;background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899)}.tour-tooltip-badge{font-size:11px;font-weight:700;letter-spacing:.05em;color:#fffffff2;text-transform:uppercase}.tour-tooltip-title{margin:0;padding:16px 20px 4px;font-size:18px;font-weight:700;color:var(--dark, #121826);background:linear-gradient(135deg,var(--primary, #7d8ef5),var(--secondary, #8a3dc4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tour-tooltip-desc{margin:0;padding:0 20px 16px;font-size:14px;line-height:1.5;color:var(--gray, #6c757d)}@media(max-width:768px){.tour-tooltip{position:fixed!important;left:16px!important;right:16px!important;bottom:24px!important;width:calc(100vw - 32px)!important;max-width:none!important;transform:none!important;font-size:14px;padding-bottom:env(safe-area-inset-bottom,0)}.tour-tooltip-visible{transform:none!important}}.tour-tooltip-dots{display:flex;gap:6px;justify-content:center;padding:0 20px 16px}.tour-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:background .2s ease}.tour-dot-active{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 0 2px #7c3aed4d}.tour-tooltip-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 20px 20px}.tour-btn{padding:10px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.tour-btn-skip{background:transparent;color:var(--gray, #6c757d)}.tour-btn-skip:hover{color:var(--dark, #121826)}.tour-nav-buttons{display:flex;gap:8px}.tour-btn-prev{background:#f0f2ff;color:var(--primary, #7d8ef5)}.tour-btn-prev:hover{background:#e0e7ff}.tour-btn-next{background:linear-gradient(135deg,var(--primary, #7d8ef5),var(--secondary, #8a3dc4));color:#fff;box-shadow:0 4px 14px #7d8ef566}.tour-btn-next:hover{box-shadow:0 6px 20px #7d8ef580;transform:translateY(-1px)}.tour-btn:focus-visible{outline:2px solid var(--primary, #7d8ef5);outline-offset:2px}.tour-pulse{animation:tourPulse 1.2s ease-out 2}@keyframes tourPulse{0%{box-shadow:0 0 #7c3aed80}to{box-shadow:0 0 0 18px #7c3aed00}}.tour-done-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);animation:tour-done-fade-in .25s ease}@keyframes tour-done-fade-in{0%{opacity:0}to{opacity:1}}.tour-done-card{max-width:min(420px,90vw);padding:32px 40px;background:linear-gradient(135deg,#fff,#fafbff);border-radius:20px;box-shadow:0 24px 60px #0000002e,0 0 0 1px #7d8ef51a;text-align:center;animation:tour-done-scale-in .3s ease}@keyframes tour-done-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-done-icon{font-size:48px;margin-bottom:16px;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tour-done-title{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--dark, #121826)}.tour-done-desc{margin:0 0 24px;font-size:15px;line-height:1.5;color:var(--gray, #6c757d)}.tour-done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tour-btn-replay{background:#f0f2ff;color:var(--primary, #7d8ef5)}.tour-btn-replay:hover{background:#e0e7ff}.tour-btn-done{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px #05966959}.tour-btn-done:hover{box-shadow:0 6px 20px #05966973;transform:translateY(-1px)}.tour-done-actions .tour-btn{padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.tour-done-actions .tour-btn:focus-visible{outline:2px solid var(--primary, #7d8ef5);outline-offset:2px}.tour-guide-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f4ff;border:none;border-radius:8px;color:var(--primary, #7d8ef5);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.tour-guide-btn:hover{background:linear-gradient(135deg,#e0e7ff,#dce4ff);box-shadow:0 2px 8px #7d8ef533}.tour-guide-btn:focus-visible{outline:2px solid var(--primary, #7d8ef5);outline-offset:2px}.tour-guide-btn i{font-size:16px}@media(max-width:768px){.tour-guide-btn span{display:none}.tour-guide-btn{padding:8px 12px}}.contextual-hint{position:fixed;left:50%;transform:translate(-50%);max-width:min(400px,90vw);padding:14px 20px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid rgba(125,142,245,.15);border-radius:12px;box-shadow:0 8px 24px #00000014;z-index:9999;display:flex;align-items:center;gap:12px;animation:contextual-hint-in .3s ease}@keyframes contextual-hint-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.contextual-hint-bottom{bottom:24px}.contextual-hint-top{top:100px}.contextual-hint-message{margin:0;font-size:14px;line-height:1.5;color:var(--dark, #121826);flex:1}.contextual-hint-dismiss{padding:4px;background:transparent;border:none;color:var(--gray, #6c757d);cursor:pointer;border-radius:6px;transition:color .2s}.contextual-hint-dismiss:hover{color:var(--dark, #121826)}.contextual-hint-dismiss:focus-visible{outline:2px solid var(--primary, #7d8ef5);outline-offset:2px}.promo-root{--color-bg-base: #1a1a1a;--color-bg-overlay: #2d2d2d;--color-text-main: #ffffff;--color-text-accent: #ffcc4d;--color-cta-bg: #ff6b35;--spacing-safe-zone-left: 80px;--spacing-safe-zone-text-max-width: 480px;--spacing-safe-zone-cta-bottom: 120px;--canvas-width: 1080px;--canvas-height: 1350px;--spacing-headline-top: 240px;--spacing-description-top: 720px;--spacing-logo-top: 40px;--spacing-offer-label-margin-bottom: -48px;--spacing-headline-margin-top-offset: 48px;--spacing-description-margin-y: 18px;--spacing-description-margin-bottom: 42px;--spacing-discount-margin-bottom: 60px;--spacing-star-size: 60px;--spacing-star-margin-left: 18px;--spacing-star-border-width: 4px;--spacing-percent-margin-left: 8px;--spacing-zero-padding: 16px;--font-family-serif: "Playfair Display", "Cormorant Garamond", "Libre Baskerville", "Georgia", "Times New Roman", serif;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-headline: 6rem;--font-size-offer-label: 5rem;--font-size-headline-line1: 2.625rem;--font-size-headline-line2: 5.125rem;--font-size-discount: 13.75rem;--font-size-percent: 7.5rem;--font-size-description: 1.8rem;--font-size-company: 1.25rem;--font-size-cta: 1rem;--font-weight-headline: 900;--font-weight-body: 400;--line-height-headline: .9;--line-height-body: 1.2;--z-index-background: 0;--z-index-overlay: 1;--z-index-image: 7;--z-index-content: 10;--radius-cta: 28px;--spacing-cta-padding-x: 32px;--spacing-cta-padding-y: 14px;--spacing-cta-min-width: 120px;--spacing-cta-min-height: 48px;--spacing-cta-letter-spacing: 1.5px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}