.preload *,.preload :before,.preload :after{transition:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:clip}@supports (padding:env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:root{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#d1fae5;--primary-dark:#047857;--secondary-color:#6c757d;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--light-bg:#f8fafc;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-subtle:#0000000f;--border-strong:#cbd5e1;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-muted:#94a3b8;--accent-color:#10b981;--accent-hover:#059669;--accent-bg:#d1fae5;--accent-text:#047857;--bg-hover:#d1fae5;--danger-bg:#fee2e2;--danger-border:#fecaca;--danger-hover:#fecaca;--danger-text:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 2px 8px #00000014;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #10b98126;--shadow-glow-strong:0 0 40px #10b98140;--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s cubic-bezier(.4,0,.2,1);--transition-slow:all .3s cubic-bezier(.4,0,.2,1);--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}body.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-surface:#1e293b;--bg-surface-hover:#334155;--light-bg:#1e293b;--bg-hover:#10b9811a;--accent-bg:#10b98126;--accent-text:#34d399;--danger-bg:#991b1b;--danger-border:#b91c1c;--danger-hover:#b91c1c;--danger-text:#fef2f2;--border-color:#334155;--border-hover:#475569;--border-subtle:#ffffff0f;--border-strong:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 2px 8px #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3;--shadow-glow:0 0 20px #10b98133;--shadow-glow-strong:0 0 40px #10b98159}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:clip}@media screen and (width<=768px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (width<=768px){.container{padding:0 1rem}}@media (width<=480px){.container{padding:0 .75rem}}.btn{text-align:center;cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;outline:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:var(--primary-color);color:#fff;transition:var(--transition)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-white{color:var(--primary-color);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color);background:#fff;font-weight:600}.btn-white:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-1px)}body.dark .btn-white{color:var(--primary-color);background:#ffffffe6;border-color:#0000}body.dark .btn-white:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #fff3}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);font-weight:600}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow);background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color);color:var(--danger-text,white)}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.landing-page{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--bg-primary);box-shadow:var(--shadow);z-index:100;padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary-color);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{width:auto;height:2rem;display:inline-block}.nav-actions-desktop{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{border:2px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-toggle-btn svg{width:20px;height:20px}.nav-actions{display:none}.language-selector{border:2px solid var(--border-color);background:var(--bg-primary);transition:var(--transition);border-radius:.5rem;padding-right:.5rem;position:relative}.language-selector:hover{border-color:var(--primary-color)}.language-selector:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b98126}.language-select{cursor:pointer;min-width:150px;box-shadow:none;color:var(--text-primary);background:0 0;border:none;outline:none;padding:.5rem .5rem .5rem 1rem;font-size:.9rem}.language-select:focus{box-shadow:none;outline:none}.language-select option{background:var(--bg-primary);color:var(--text-primary)}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none;position:relative}.hamburger span{background-color:var(--text-primary);width:25px;height:3px;transition:var(--transition);border-radius:3px;display:block}body.dark .hamburger span{background-color:var(--text-primary)}.hamburger.active span:first-child{transform:rotate(45deg)translate(5.5px,5.5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5.5px,-5.5px)}.menu-overlay{z-index:999;backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.menu-overlay.active{opacity:1;pointer-events:auto}@media (width<=768px){.nav-actions-desktop{display:none}.hamburger{display:flex}.logo{position:absolute;left:50%;transform:translate(-50%)}.nav-actions{background:var(--bg-primary);width:280px;max-width:85vw;height:100vh;padding:5rem 2rem 2rem;padding-top:calc(5rem + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;gap:1.5rem;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 12px #00000026}.nav-actions.active{right:0}.nav-actions .language-selector{width:100%;margin-right:0}.nav-actions .language-select{width:100%}.nav-actions .btn{text-align:center;width:100%}}.hero{color:var(--text-primary);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);flex:1;position:relative;overflow:hidden}body.dark .hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}.hero:before{content:"";pointer-events:none;background:radial-gradient(#10b98126 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-50%;left:-25%}.hero:after{content:"";pointer-events:none;background:radial-gradient(#10b9811a 0%,#0000 70%);width:60%;height:80%;position:absolute;bottom:-30%;right:-20%}body.dark .hero:before{background:radial-gradient(#10b98133 0%,#0000 70%)}body.dark .hero:after{background:radial-gradient(#10b98126 0%,#0000 70%)}.hero-content{text-align:center;z-index:1;width:100%;position:relative}.hero-intro{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:85dvh;padding:2rem;display:flex}.hero-badge{border-radius:var(--radius-2xl);color:var(--primary-color);background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}body.dark .hero-badge{color:#34d399;background:#10b98126;border-color:#10b98166}.hero-title{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.hero-title .gradient-text{background:linear-gradient(135deg,var(--primary-color)0%,#34d399 50%,#6ee7b7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7;animation:.6s ease-out .2s both fadeInUp}body.dark .hero-subtitle{color:#fffc}.hero-cta{margin:0;animation:.6s ease-out .3s both fadeInUp}.hero-blob{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-blob-1{filter:blur(80px);background:#10b9811a;width:300px;height:300px;top:15%;left:10%}.hero-blob-2{filter:blur(60px);background:#10b98114;width:250px;height:250px;bottom:20%;right:10%}.hero-blob-3{filter:blur(50px);background:#10b9810f;width:200px;height:200px;top:40%;right:25%}body.dark .hero-blob-1{background:#10b98126}body.dark .hero-blob-2{background:#10b9811f}body.dark .hero-blob-3{background:#10b9811a}.hero-bottom-fade{background:linear-gradient(to top,var(--bg-secondary),transparent);pointer-events:none;z-index:2;height:80px;position:absolute;bottom:0;left:0;right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-section{padding:var(--spacing-3xl)0;background:var(--bg-secondary)}body.dark .features-section{background:var(--bg-secondary)}.features-section .section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.features-section .section-badge{border-radius:var(--radius-2xl);color:var(--primary-color);background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem;padding:0;display:grid}.feature{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.feature:before{content:"";background:linear-gradient(90deg,var(--primary-color),#34d399);opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.feature:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature:hover:before{opacity:1}body.dark .feature{background:var(--bg-surface);border-color:var(--border-color)}body.dark .feature:hover{box-shadow:var(--shadow-glow);border-color:#10b98180}.feature-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary-color);background:#10b9811a;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}body.dark .feature-icon{color:#34d399;background:#10b98126}.feature h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.feature p{color:var(--text-secondary);margin:0;font-size:.925rem;line-height:1.6}.cta-section{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-lg);border-radius:.75rem;margin:0 auto 8rem;padding:3.5rem;position:relative}.scarcity-badge{color:#78350f;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b 0%,#fb923c 100%);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;animation:2s ease-in-out infinite pulse-badge;display:inline-flex;box-shadow:0 4px 15px #f59e0b66}.badge-icon{font-size:1.25rem;animation:1.5s ease-in-out infinite flicker}.badge-text{text-transform:uppercase;text-shadow:0 1px 2px #0003}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 4px 15px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 20px #ef444499}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.cta-title{margin-bottom:1rem;font-size:2rem;line-height:1.3}.cta-title .original-price{opacity:.6;color:var(--text-secondary);margin-right:.5rem;font-size:.9em;text-decoration:line-through}.cta-title .sale-price{color:var(--accent-color);font-weight:700}.cta-title .price-container{white-space:nowrap}.cta-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.cta-form{flex-direction:column;gap:1rem;display:flex}.email-input,select,input[type=email],input[type=text]{border:2px solid var(--border-color);transition:var(--transition);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem;font-size:1rem}.email-input:focus,select:focus,input[type=email]:focus,input[type=text]:focus{border-color:var(--primary-color);outline:none}.error-message{color:var(--danger-color);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:.5rem;padding:.75rem}.success-message{color:var(--success-color);background:#10b9811a;border:1px solid #10b9814d;border-radius:.5rem;padding:.75rem}.social-proof{text-align:center;margin-top:1.5rem}.secure-payment{color:var(--text-secondary);font-size:.9rem;font-weight:500}.section-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-3xl);font-size:1.1rem;line-height:1.6}.pricing-section{padding:var(--spacing-3xl)0;background:var(--bg-secondary)}.pricing-section .section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-badge{border-radius:var(--radius-2xl);color:var(--primary-color);background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}body.dark .section-badge{color:#34d399;background:#10b98126;border-color:#10b9814d}.footer{background:var(--bg-primary);color:var(--text-primary);border-top:1px solid var(--border-color);padding:4rem 0 2rem}body.dark .footer{border-top-color:var(--border-color);background:#0f172a}.footer-content{flex-direction:column;gap:3rem;display:flex}.footer-top{border-bottom:1px solid var(--border-color);grid-template-columns:2fr 1fr;gap:4rem;padding-bottom:2rem;display:grid}.footer-section{text-align:left}.footer-heading{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.footer-item{color:var(--text-secondary);margin:.75rem 0;font-size:.925rem;line-height:1.6}.footer-label{color:var(--text-tertiary);font-size:.875rem}.footer-address{color:var(--text-secondary);margin-top:1rem;font-size:.875rem;line-height:1.5}.footer-link{color:var(--text-secondary);transition:var(--transition);text-decoration:none}.footer-link:hover{color:var(--primary-color)}.footer-links-list{margin:0;padding:0;list-style:none}.footer-links-list li{margin:.75rem 0}.footer-bottom{text-align:center;padding-top:1.5rem}.footer-copyright{color:var(--text-tertiary);margin:0;font-size:.875rem}.footer-copyright-link{color:inherit;transition:var(--transition);text-decoration:none}.footer-copyright-link:hover{color:var(--primary-color)}.footer-credits{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1rem;display:flex}.footer-credit-link{color:var(--text-tertiary);transition:var(--transition);align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;display:flex}.footer-credit-link:hover{color:var(--primary-color)}.footer-credit-logo{width:20px;height:20px}.aline-cloud-text{color:#10b981;font-weight:600}.legal-document{background:var(--light-bg);min-height:100vh;padding:4rem 0}.legal-document .container{max-width:900px}.legal-document h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.legal-document .last-updated{color:var(--text-secondary);margin-bottom:3rem}.legal-document section{background:var(--bg-primary);box-shadow:var(--shadow);border-radius:.5rem;margin-bottom:3rem;padding:2rem}.legal-document h2{color:var(--primary-color);border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.75rem}.legal-document h3{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1.25rem}.legal-document p{color:var(--text-primary);margin-bottom:1rem;line-height:1.8}.legal-document ul,.legal-document ol{margin:1rem 0;padding-left:2rem;line-height:1.8}.legal-document li{margin:.5rem 0}.legal-document a{color:var(--primary-color);text-decoration:underline}.legal-document a:hover{color:#0056b3}.legal-document strong{color:var(--text-primary);font-weight:600}.cookie-table{border-collapse:collapse;width:100%;margin:1.5rem 0}.cookie-table thead{background:var(--light-bg)}.cookie-table th{text-align:left;border-bottom:2px solid var(--border-color);padding:.75rem;font-weight:600}.cookie-table td{border-bottom:1px solid var(--border-color);padding:.75rem}.cookie-table tr:last-child td{border-bottom:none}@media (width<=768px){.footer{padding:3rem 0 1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center}.legal-document{padding:2rem 0}.legal-document section{padding:1.5rem}.legal-document h1{font-size:2rem}.legal-document h2{font-size:1.5rem}}.auth-verify-page,.login-page,.register-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-verify-page:before,.login-page:before,.register-page:before{content:"";pointer-events:none;background:radial-gradient(#10b98126 0%,#0000 70%);width:80%;height:80%;animation:20s ease-in-out infinite aurora-float;position:absolute;top:-50%;left:-25%}.auth-verify-page:after,.login-page:after,.register-page:after{content:"";pointer-events:none;background:radial-gradient(#10b9811a 0%,#0000 70%);width:60%;height:60%;animation:15s ease-in-out infinite reverse aurora-float;position:absolute;bottom:-30%;right:-20%}@keyframes aurora-float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(5%,3%)rotate(2deg)}66%{transform:translate(-3%,-2%)rotate(-1deg)}}body.dark .auth-verify-page,body.dark .login-page,body.dark .register-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}body.dark .auth-verify-page:before,body.dark .login-page:before,body.dark .register-page:before{background:radial-gradient(#10b98133 0%,#0000 70%)}body.dark .auth-verify-page:after,body.dark .login-page:after,body.dark .register-page:after{background:radial-gradient(#10b98126 0%,#0000 70%)}.auth-verify-page.loading{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);background-size:400% 400%;animation:3s ease-in-out infinite gradient-pulse}.auth-verify-page.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%) 0 0/400% 400%;animation:8s infinite gradient-shift}.auth-verify-page.error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%) 0 0/400% 400%;animation:8s infinite gradient-shift}.auth-verify-page.loading:before,.auth-verify-page.loading:after,.auth-verify-page.success:before,.auth-verify-page.success:after,.auth-verify-page.error:before,.auth-verify-page.error:after{display:none}.auth-container{z-index:1;width:100%;max-width:500px;position:relative}.register-page .auth-container{max-width:800px}.auth-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:2rem 2rem 3rem;animation:.6s ease-out fadeInUp}body.dark .auth-card{box-shadow:0 20px 60px #0009}.auth-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.auth-header .language-selector{margin-right:0}.back-button{color:var(--primary-color);transition:var(--transition);align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.back-button:hover{color:var(--primary-hover);transform:translate(-2px)}.auth-logo{width:80px;height:80px;margin:4.5rem auto 2rem;animation:3s ease-in-out infinite float}.auth-logo .logo-img{filter:drop-shadow(0 4px 12px #10b9814d);width:100%;height:100%}.auth-title{color:var(--text-primary);text-align:center;margin:0 0 .25rem;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 2rem;font-size:1rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input{border:2px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);background:var(--bg-primary);color:var(--text-primary);padding:1rem;font-family:inherit;font-size:1rem}.auth-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #10b98126}.auth-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.auth-button{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600}.auth-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-message{border-radius:var(--radius-md);text-align:center;margin-top:1.5rem;padding:1rem;font-weight:500;animation:.3s ease-out fadeIn}.auth-message.success{background:var(--accent-bg);color:var(--accent-text);border:1px solid var(--primary-color)}.auth-message.error{background:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}body.dark .auth-message.success{color:#34d399;background:#10b9811a;border-color:#10b9814d}body.dark .auth-message.error{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.invite-plan-card{border:2px solid var(--primary-color);border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);margin:1.5rem 0;padding:1.25rem 1.5rem}.invite-plan-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.invite-plan-name{color:var(--text-primary);font-size:1.25rem;font-weight:700}.invite-plan-price{color:#10b981;font-size:1.5rem;font-weight:700}.invite-code-row{border-top:1px solid var(--border-color);align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.invite-code-label{color:var(--text-secondary);font-size:.875rem}.invite-code-text{color:var(--primary-color);letter-spacing:.05em;font-family:monospace;font-size:.95rem;font-weight:600}body.dark .invite-plan-card{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%)}body.dark .invite-code-row{border-top-color:#ffffff1a}.invite-loading{text-align:center;color:var(--text-secondary);padding:3rem}.invite-success{text-align:center;padding:2rem 0}.invite-success .success-icon{color:#10b981;margin-bottom:1rem}.invite-success .auth-title{color:#10b981}.check-email-hint{color:var(--text-secondary);margin-top:1rem;font-size:.95rem}body.dark .invite-code-display{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%)}.auth-divider{margin:2rem 0 1.5rem}.auth-divider hr{border:none;border-top:1px solid var(--border-color)}.auth-signup{text-align:center}.signup-text{color:var(--text-secondary);margin:0 0 .75rem;font-size:.95rem}.signup-link{color:var(--primary-color);transition:var(--transition);font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.signup-link:hover{color:var(--primary-hover);transform:translateY(-1px)}.auth-verify-language-switcher{z-index:10;position:absolute;top:2rem;right:2rem}.auth-verify-language-switcher .language-selector{background:0 0;border:none;margin:0;padding:0}.auth-verify-language-switcher .language-select{color:var(--primary-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);background:#fff;border:2px solid #ffffffe6;min-width:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.auth-verify-language-switcher .language-select:hover{box-shadow:var(--shadow-md);border-color:#fff;transform:translateY(-1px)}.auth-verify-language-switcher .language-select:focus{box-shadow:var(--shadow-md),0 0 0 3px #ffffff4d;outline:none}.auth-verify-language-switcher .language-select option{color:var(--primary-color);background:#fff}.auth-verify-container{text-align:center;color:#fff;max-width:600px}.auth-verify-logo-container{margin-bottom:3rem;animation:.8s ease-out fadeInDown}.auth-verify-logo{width:80px;height:80px;margin:0 auto 1rem;animation:3s ease-in-out infinite float}.auth-verify-logo .logo-img,.auth-verify-container .logo-img{filter:drop-shadow(0 4px 12px #0003);object-fit:contain;width:100%;height:100%}.auth-verify-container .brand-name{color:#fff;text-shadow:0 2px 8px #0003;margin:0;font-size:2rem;font-weight:700}.auth-verify-content{animation:.8s ease-out .2s backwards fadeInUp}.auth-verify-title{color:#fff;text-shadow:0 2px 8px #0003;margin:0 0 1rem;font-size:2rem;font-weight:700}.auth-verify-message{color:#fffffff2;margin:1rem 0;font-size:1.125rem;line-height:1.6}.auth-verify-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.auth-verify-actions .btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600}.auth-verify-actions .btn-secondary{color:#fff;background:#fff3;border:2px solid #fff}.auth-verify-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.register-page .auth-card{text-align:center}.register-plans{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;width:100%;margin:1.5rem 0 0;display:grid}.register-plan{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:2px solid #0000;flex-direction:column;height:100%;padding:1.25rem 1.5rem;display:flex;position:relative}.register-plan:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.register-plan.selected{transform:translateY(-5px)}body.dark .register-plan{background:var(--bg-secondary);box-shadow:0 4px 12px #0000004d}body.dark .register-plan:hover{box-shadow:0 8px 24px #0006}.pro-plan{border-color:#10b9814d;box-shadow:0 4px 12px #10b98126}.pro-plan:hover{box-shadow:0 8px 24px #10b98140}.pro-plan.selected{border-color:var(--primary-color);box-shadow:0 12px 32px #10b98159}body.dark .pro-plan{border-color:#10b98180;box-shadow:0 4px 12px #10b98133}body.dark .pro-plan:hover{box-shadow:0 8px 24px #10b9814d}body.dark .pro-plan.selected{border-color:var(--primary-color);box-shadow:0 12px 32px #10b98166}.lifetime-plan{border-color:#6366f14d;box-shadow:0 4px 12px #6366f126}.lifetime-plan:hover{box-shadow:0 8px 24px #6366f140}.lifetime-plan.selected{border-color:#6366f1;box-shadow:0 12px 32px #6366f159}body.dark .lifetime-plan{border-color:#6366f180;box-shadow:0 4px 12px #6366f133}body.dark .lifetime-plan:hover{box-shadow:0 8px 24px #6366f14d}body.dark .lifetime-plan.selected{border-color:#6366f1;box-shadow:0 12px 32px #6366f166}.plan-header{text-align:center;border-bottom:2px solid var(--border-subtle);flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.plan-header h2{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.lifetime-plan .plan-header h2{color:#6366f1}.pro-plan .plan-header h2{color:var(--primary-color)}body.dark .lifetime-plan .plan-header h2{color:#818cf8}body.dark .pro-plan .plan-header h2{color:#34d399}.cloud-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.popular-badge-small{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #6366f166}.scarcity-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:2rem;justify-content:center;align-items:center;gap:.35rem;margin:.75rem auto;padding:.4rem .9rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse-badge;display:inline-flex;box-shadow:0 4px 15px #ef444466}.scarcity-badge .badge-icon{font-size:1rem;animation:1.5s ease-in-out infinite flicker}.scarcity-badge .badge-text{text-transform:uppercase;text-shadow:0 1px 2px #0003}body.dark .billing-toggle{background:var(--bg-tertiary)}.toggle-option{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;display:flex}.toggle-option.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 6px #10b9814d}.toggle-option:not(.active) .savings-badge{background:var(--primary-color);color:#fff}.plan-price{text-align:center;margin:.5rem 0 .75rem}.plan-price .price{color:var(--text-primary);font-size:1.75rem;font-weight:700}.plan-price .period{color:var(--text-secondary);font-size:.85rem}.plan-price .original-price{color:var(--text-tertiary);margin-right:.5rem;font-size:1.25rem;text-decoration:line-through}.price-skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary,#e2e8f0)50%,var(--bg-secondary)75%);vertical-align:middle;background-size:200% 100%;border-radius:4px;width:3rem;height:1.5rem;animation:1.5s infinite skeleton-shimmer;display:inline-block}.plan-price .price-skeleton{width:4rem;height:2rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark .price-skeleton{background:linear-gradient(90deg,var(--bg-tertiary,#1e293b)25%,var(--bg-secondary,#334155)50%,var(--bg-tertiary,#1e293b)75%);background-size:200% 100%}.signup-link .price-skeleton{vertical-align:middle;background:linear-gradient(90deg,#667eea33 25%,#667eea66 50%,#667eea33 75%) 0 0/200% 100%;border-radius:4px;width:2.5rem;height:1rem;animation:1.5s infinite skeleton-shimmer;display:inline-block}body.dark .signup-link .price-skeleton{background:linear-gradient(90deg,#667eea4d 25%,#667eea80 50%,#667eea4d 75%) 0 0/200% 100%}.register-form{border-top:2px solid var(--border-color);margin-top:1.5rem;padding-top:1.25rem}body.dark .register-form{border-top-color:var(--border-color)}.secure-payment-text{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient-pulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes gradient-rotate{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}@keyframes buttonGradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9rem}.register-plans{grid-template-columns:1fr;max-width:100%}.plan-header h2{font-size:1.25rem}.plan-price .price{font-size:1.75rem}.auth-verify-title{font-size:1.5rem}.auth-verify-message{font-size:1rem}.auth-verify-container .brand-name{font-size:1.5rem}.auth-verify-actions{flex-direction:column}.auth-verify-actions .btn{width:100%}}.app-page{background:var(--bg-secondary);flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative}.app-header{background:var(--bg-primary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);z-index:100;padding:1rem 0;position:sticky;top:0;overflow:visible}.app-header .container{justify-content:space-between;align-items:center;display:flex;overflow:visible}.header-actions-desktop{align-items:center;gap:1rem;display:flex;overflow:visible}.header-actions{display:none}.app-main{flex:1;min-height:100vh;padding:0}.dashboard-container{box-sizing:border-box;grid-template-columns:1fr 420px;align-items:start;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:grid}.main-content{flex-direction:column;gap:2rem;min-width:0;max-width:100%;display:flex}.dashboard-container .settings-section{top:calc(var(--upgrade-banner-height,0px) + var(--app-header-height,76px) + 2rem);height:fit-content;max-height:calc(100vh - var(--upgrade-banner-height,0px) - var(--app-header-height,76px) - 4rem);margin-bottom:2rem;position:sticky}.dashboard-container .settings-section .settings-panel{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-color);max-height:calc(100vh - var(--upgrade-banner-height,0px) - var(--app-header-height,76px) - 4rem);scroll-behavior:smooth;padding:0;overflow:hidden auto}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:0 0;border-radius:3px}.settings-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.settings-panel{scrollbar-width:thin;scrollbar-color:var(--border-color)transparent}.settings-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0;padding:1.5rem 1.5rem 1rem;font-size:1.5rem;font-weight:700}.settings-panel h3:not(.accordion-title){margin:var(--spacing-lg)0 var(--spacing-md);color:var(--text-primary);font-size:1rem;font-weight:600}.accordion-section{border-bottom:1px solid var(--border-color)}.accordion-section:last-child{border-bottom:none}.accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-family:inherit;transition:background-color .2s;display:flex}.accordion-header:hover{background:var(--bg-secondary)}.accordion-header-left{align-items:center;gap:.75rem;display:flex}.accordion-icon{justify-content:center;align-items:center;font-size:1.25rem;display:flex}.accordion-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.accordion-chevron{color:var(--text-secondary);align-items:center;transition:transform .2s;display:flex}.accordion-chevron.expanded{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.accordion-content.expanded{max-height:5000px}.accordion-content-inner{padding:0 1.5rem 1.5rem}.setting-group{margin-bottom:1.5rem}.setting-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.setting-label input[type=range]{width:100%;margin:.5rem 0}.setting-value{color:var(--primary-color);margin-left:.5rem;font-weight:600;display:inline-block}.setting-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.setting-checkbox input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem}.watermark-settings{background:var(--light-bg);border-radius:.5rem;margin-top:1rem;padding:1rem}.font-option:hover{background-color:var(--bg-secondary)!important}.setting-group h4,.margins-group h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}textarea{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}textarea:focus{border-color:var(--primary-color);outline:none}select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}select:focus{border-color:var(--primary-color);outline:none}.setting-group input[type=text],.setting-group input[type=number],.setting-group input[type=color]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.setting-group input[type=text]:focus,.setting-group input[type=number]:focus,.setting-group input[type=color]:focus{border-color:var(--primary-color);outline:none}input[type=range]{background:0 0}input[type=range]::-webkit-slider-track{background:var(--border-color)}input[type=range]::-moz-range-track{background:var(--border-color)}input[type=range]::-webkit-slider-thumb{background:var(--primary-color)}input[type=range]::-moz-range-thumb{background:var(--primary-color)}.dropzone-container{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-color);padding:var(--spacing-xl)}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius);text-align:center;transition:var(--transition);background:var(--bg-secondary);padding:3rem}.dropzone.dragging{border-color:var(--primary-color);background:var(--primary-light)}.dropzone-icon{margin-bottom:1rem;font-size:4rem}.dropzone h3{margin-bottom:.5rem;font-size:1.5rem}.dropzone p{color:var(--text-secondary);margin:.5rem 0}.dropzone .hint{margin-top:1rem;font-size:.875rem}.file-list{margin-top:2rem}.file-list h4{margin-bottom:1rem;font-size:1.25rem}.file-list ul{margin-bottom:1.5rem;list-style:none}.file-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-xs);transition:var(--transition);justify-content:space-between;align-items:center;display:flex}.file-item:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-size{color:var(--text-secondary);margin:0 1rem;font-size:.875rem}.image-processor{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-color);padding:var(--spacing-xl)}.processing-indicator{text-align:center;color:var(--text-primary);padding:3rem}.spinner{border:5px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}.processed-images h3{margin-bottom:1.5rem;font-size:1.5rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.image-card{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);padding:var(--spacing-md);text-align:center;transition:var(--transition)}.image-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.image-card img{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:var(--spacing-md)}.loading{text-align:center;padding:3rem;font-size:1.25rem}@media (width<=1024px){.dashboard-container{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.dashboard-container .settings-section{order:2;max-height:none;position:static}.dashboard-container .settings-section .settings-panel{max-height:none;overflow-y:visible}.main-content{order:1}}@media (width<=768px){.hero-intro{gap:1.5rem;min-height:70dvh}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.dashboard-container{gap:1.5rem;padding:1rem}img{max-width:100%;height:auto}.features-grid{grid-template-columns:1fr;gap:2rem;padding:3rem 0 4rem}.feature{padding:2rem 1.5rem}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature h3{font-size:1.15rem}.feature p{font-size:.9rem}.steps{grid-template-columns:1fr;gap:2rem}.step{padding:2rem 1.5rem}.cta-section{margin:0 auto 4rem;padding:2rem 1.5rem}.section-title{margin-bottom:2rem;font-size:1.75rem}.image-grid{grid-template-columns:1fr}.app-header .hamburger{display:flex}.app-header .logo{font-size:1.25rem;position:absolute;left:50%;transform:translate(-50%)}.app-header .logo-icon{height:1.5rem}.header-actions-desktop{display:none}.header-actions{background:var(--bg-primary);-webkit-backdrop-filter:blur(12px);z-index:1000;flex-direction:column;align-items:stretch;gap:1.5rem;width:280px;height:100vh;padding:5rem 2rem 2rem;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-4px 0 12px #00000026}.header-actions.active{right:0}.header-actions .language-selector{width:100%}.header-actions .btn{text-align:center;width:100%}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pricing-tiers{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;margin-top:2rem;padding-top:1.5rem;display:grid}.pricing-card{background:var(--bg-primary);border:2px solid #0000;border-radius:1rem;flex-direction:column;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #0000001a}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}body.dark .pricing-card{border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}body.dark .pricing-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px #0006}.pricing-card.featured{border-color:var(--primary-color);background:linear-gradient(180deg,var(--bg-primary)0%,#10b98108 100%);z-index:2;border-width:3px;transform:scale(1.02);box-shadow:0 8px 24px #10b98133,0 0 0 4px #10b9811a}.pricing-card.featured:hover{transform:scale(1.02)translateY(-5px);box-shadow:0 16px 40px #10b98140,0 0 0 4px #10b98126}body.dark .pricing-card.featured{border-color:var(--primary-color);background:linear-gradient(180deg,var(--bg-primary)0%,#10b98114 100%);box-shadow:0 8px 24px #10b98140,0 0 0 4px #10b98126}body.dark .pricing-card.featured:hover{box-shadow:0 16px 40px #10b98159,0 0 0 4px #10b98133}.pricing-card.pro-tier{background:linear-gradient(180deg,var(--bg-primary)0%,#06b6d405 100%);border-color:#06b6d44d}.pricing-card.pro-tier:hover{border-color:#06b6d480;box-shadow:0 8px 24px #06b6d426}body.dark .pricing-card.pro-tier{background:linear-gradient(180deg,var(--bg-primary)0%,#06b6d40d 100%);border-color:#06b6d466}.popular-badge{background:linear-gradient(135deg,var(--primary-color)0%,#059669 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;border-radius:2rem;padding:.5rem 1.5rem;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite badgeGlow;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10b98166,0 0 20px #10b98133}@keyframes badgeGlow{0%,to{box-shadow:0 4px 12px #10b98166,0 0 20px #10b98133}50%{box-shadow:0 4px 16px #10b98180,0 0 30px #10b9814d}}body.dark .popular-badge{background:linear-gradient(135deg,var(--primary-color)0%,#34d399 100%);box-shadow:0 4px 12px #10b98180,0 0 20px #10b9814d}.tier-header{text-align:center;border-bottom:2px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.tier-name{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.tier-price{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tier-price .price-row{align-items:baseline;gap:.75rem;display:flex}.tier-price .price{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.tier-price .original-price{color:var(--text-secondary);opacity:.6;font-size:1.5rem;text-decoration:line-through}.tier-price .price-period{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.tier-features{flex-direction:column;flex:1;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.feature-item{text-align:left;grid-template-columns:24px 1fr;align-items:start;gap:.875rem;font-size:.95rem;line-height:1.5;display:grid}.feature-item:last-child{padding-bottom:0}.pricing-card .feature-icon{width:20px;height:20px;color:var(--primary-color);background:#10b9811f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;padding:3px;display:flex}.pricing-card .feature-icon svg{width:12px;height:12px}body.dark .pricing-card .feature-icon{background:#10b9812e}.pricing-card .feature-item{align-items:start}.pricing-card .feature-item.limitation{color:var(--text-secondary)}.pricing-card .feature-item.limitation .feature-icon{color:#f59e0b;background:#f59e0b1f}body.dark .pricing-card .feature-item.limitation .feature-icon{background:#f59e0b2e}.pricing-card .feature-item.highlight{font-weight:500}.pricing-card .feature-item.highlight .feature-icon{color:var(--primary-color);background:linear-gradient(135deg,#10b98133,#06b6d426);box-shadow:0 0 8px #10b98133}body.dark .pricing-card .feature-item.highlight .feature-icon{background:linear-gradient(135deg,#10b98140,#06b6d433);box-shadow:0 0 10px #10b9814d}.pricing-card .btn{z-index:2;width:100%;margin-top:auto;position:relative}.pricing-card .cta-form{z-index:2;margin-top:auto;position:relative}.pricing-card .tier-header,.pricing-card .tier-features{z-index:2;position:relative}.pricing-card .scarcity-badge{margin:.5rem 0 1rem;padding:.6rem 1.25rem;font-size:.85rem}.pro-tier{border-color:#0000}.pro-tier .tier-name{color:var(--text-primary);flex-direction:column;align-items:center;gap:.5rem;display:flex}.cloud-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 8px #10b9814d}.billing-toggle{background:var(--light-bg);border-radius:.5rem;gap:.5rem;width:100%;max-width:280px;margin:1rem auto;padding:.25rem;display:flex}.toggle-option{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.toggle-option:not(.active):hover{background:#10b9811a}.toggle-option.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.toggle-option.active:hover{background:linear-gradient(135deg,#0ea574,#047857);box-shadow:0 3px 8px #10b98166}body.dark .toggle-option.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #05966966}body.dark .toggle-option.active:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 8px #10b98180}.savings-badge{background:#ffffff4d;border-radius:.25rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.toggle-option:not(.active) .savings-badge{color:#fff;background:#10b981}.btn-outline{color:#fff;background:0 0;border:2px solid #fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.btn-outline:hover:not(:disabled){color:var(--primary-color);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-2px)}body.dark .btn-outline{color:#ffffffe6;border-color:#ffffff80}body.dark .btn-outline:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.pricing-tiers{grid-template-columns:1fr;gap:1.5rem}.popular-badge{padding:.35rem 1rem;font-size:.7rem}.tier-price .price{font-size:2rem}.tier-name{font-size:1.35rem}.tier-features{margin:0 0 1.25rem}.feature-item{font-size:.9rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.pricing-card{padding:2rem 1.5rem}.scarcity-badge{padding:.6rem 1rem;font-size:.8rem}.billing-toggle{margin:.75rem auto}.toggle-option{padding:.5rem .75rem;font-size:.8rem}}@media (width<=480px){.dashboard-container{gap:1rem;padding:.75rem}.hero-title{font-size:1.85rem;line-height:1.25}.hero-subtitle{font-size:1rem}.section-title{margin-bottom:1.5rem;font-size:1.5rem}.cta-section,.pricing-card{padding:1.5rem 1rem}.tier-price .price{font-size:1.75rem}.feature-item{padding:.1rem 0;font-size:.85rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.btn{padding:.625rem 1.25rem;font-size:.9rem}.scarcity-badge{padding:.5rem .875rem;font-size:.75rem}.step-number{width:60px;height:60px;font-size:1.75rem}.step h3{font-size:1.25rem}}.storage-indicator{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1rem}.storage-loading{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.storage-info{transition:all .3s}.storage-info.warning-low{background:#fbbf240d;border-color:#fbbf24}.storage-info.warning-high{background:#f973160d;border-color:#f97316}.storage-info.warning-critical{background:#ef44440d;border-color:#ef4444}.storage-header-inline{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.storage-usage-percent{color:var(--primary-color);font-size:1.5rem;font-weight:700}.storage-info.warning-low .storage-usage-percent{color:#fbbf24}.storage-info.warning-high .storage-usage-percent{color:#f97316}.storage-info.warning-critical .storage-usage-percent{color:#ef4444}.storage-bar{background:var(--bg-primary);border-radius:4px;height:8px;margin-top:.75rem;overflow:hidden}.storage-bar-fill{background:var(--accent-color);border-radius:4px;height:100%;transition:width .3s,background-color .3s}.storage-info.warning-low .storage-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.storage-info.warning-high .storage-bar-fill{background:linear-gradient(90deg,#f97316,#ea580c)}.storage-info.warning-critical .storage-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626);animation:2s ease-in-out infinite pulse-bar}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.7}}.storage-details{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.storage-detail-row{justify-content:space-between;padding:.375rem 0;font-size:.875rem;display:flex}.storage-detail-label{color:var(--text-secondary)}.storage-detail-value{color:var(--text-primary);font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.storage-warning-message{color:var(--text-primary);background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;margin-top:.75rem;padding:.75rem;font-size:.875rem;line-height:1.5}.storage-info.warning-low .storage-warning-message{background:#fbbf241a;border-left-color:#fbbf24}.storage-unavailable{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.875rem}.storage-banner{top:calc(var(--upgrade-banner-height,0px) + var(--app-header-height,76px));z-index:90;animation:.3s ease-out slideDown;position:fixed;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.storage-banner-content{color:#78350f;background:#fbbf24;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.storage-banner-high .storage-banner-content{color:#7c2d12;background:#f97316}.storage-banner-critical .storage-banner-content{color:#fff;background:#ef4444;animation:2s ease-in-out infinite pulse-banner}@keyframes pulse-banner{0%,to{opacity:1}50%{opacity:.9}}.storage-banner-icon{flex-shrink:0;font-size:1.5rem}.storage-banner-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.5}.storage-banner-dismiss{cursor:pointer;width:2rem;height:2rem;color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.5rem;transition:opacity .2s;display:flex}.storage-banner-dismiss:hover{opacity:1}@media (width<=768px){.storage-indicator{padding:.75rem}.storage-banner-content{gap:.75rem;padding:.75rem 1rem}.storage-banner-icon{font-size:1.25rem}.storage-banner-message{font-size:.8125rem}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@media (width<=768px){.btn,button{touch-action:manipulation;min-height:44px}input[type=checkbox],input[type=radio]{touch-action:manipulation;min-width:22px;min-height:22px}select,textarea,input[type=text],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=url]{touch-action:manipulation;min-height:44px;font-size:16px}a,button,input,select,textarea,label{touch-action:manipulation}input[type=file]{min-height:44px}input[type=range]{touch-action:manipulation;height:44px}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}input[type=range]::-moz-range-thumb{width:28px;height:28px}}@media (hover:none) and (pointer:coarse){a,button,input,select,textarea,label{-webkit-tap-highlight-color:#10b98133}.btn:hover,button:hover{transform:none}.btn:active,button:active{opacity:.9;transform:scale(.98)}}.settings-panel,.history-content,.queue-images{-webkit-overflow-scrolling:touch}.app-main{overscroll-behavior-y:contain}@media (width<=768px){.modal-overlay,.menu-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:0}::-webkit-scrollbar{width:0;height:0}}@media (width<=896px) and (orientation:landscape){.hero-intro{min-height:100vh;padding:2rem 0}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.dashboard-container{padding:1rem}.dropzone{min-height:150px;padding:1.5rem}}.landing-page{background:var(--bg-primary);position:relative}.bg-particles,.floating-orb{display:none}.hero{background:radial-gradient(ellipse 60% 50% at 70% 20%,#10b9811f 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 20% 80%,#06b6d414 0%,transparent 50%),var(--bg-primary)}body.dark .hero{background:radial-gradient(ellipse 60% 50% at 70% 20%,#10b9812e 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 20% 80%,#06b6d41f 0%,transparent 50%),var(--bg-primary)}.trust-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);color:var(--text-primary);position:relative}.trust-bar:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.value-prop{background:linear-gradient(135deg,#10b9810d 0%,transparent 50%),linear-gradient(315deg,#06b6d40d 0%,transparent 50%),var(--bg-primary);color:var(--text-primary);position:relative}body.dark .value-prop{background:linear-gradient(135deg,#10b9810f 0%,transparent 50%),linear-gradient(315deg,#06b6d40f 0%,transparent 50%),var(--bg-primary)}.value-prop:before{content:"";background:linear-gradient(90deg,transparent,var(--border-color),transparent);height:1px;position:absolute;top:0;left:5%;right:5%}.features-demos{color:var(--text-primary);position:relative;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2310b981' stroke-width='0.5' opacity='0.12'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E"),var(--bg-secondary)!important}body.dark .features-demos{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2310b981' stroke-width='0.5' opacity='0.08'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E"),var(--bg-secondary)!important}.features-demos:before{content:"";background:linear-gradient(180deg,var(--bg-primary)0%,transparent 5%,transparent 95%,var(--bg-primary)100%);pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0}.pricing-section{color:var(--text-primary);position:relative;background:radial-gradient(ellipse 80% 60% at 50% 100%,#10b9811a 0%,transparent 60%),var(--bg-primary)!important}body.dark .pricing-section{background:radial-gradient(ellipse 80% 60% at 50% 100%,#10b9811f 0%,transparent 60%),var(--bg-primary)!important}.pricing-section:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.3;height:1px;position:absolute;top:0;left:10%;right:10%}.how-it-works{color:var(--text-primary);position:relative;background:radial-gradient(circle at 2px 2px,#10b98133 1px,transparent 1px),var(--bg-secondary)!important;background-size:24px 24px,100% 100%!important}body.dark .how-it-works{background:radial-gradient(circle at 2px 2px,#10b98133 1px,transparent 1px),var(--bg-secondary)!important;background-size:24px 24px,100% 100%!important}.how-it-works:before{display:none}.cta-final{color:var(--text-primary);position:relative;overflow:hidden;background:var(--bg-primary)!important;padding:8rem 0!important}.cta-final:before{content:"";pointer-events:none;background:radial-gradient(50% 80% at 20% 100%,#10b98114 0%,#0000 50%),radial-gradient(50% 80% at 80% 100%,#06b6d40f 0%,#0000 50%);position:absolute;inset:0}body.dark .cta-final:before{background:radial-gradient(50% 80% at 20% 100%,#10b9811f 0%,#0000 50%),radial-gradient(50% 80% at 80% 100%,#06b6d41a 0%,#0000 50%)}.section-divider-line{background:linear-gradient(90deg,transparent 0%,var(--border-color)20%,var(--primary-color)50%,var(--border-color)80%,transparent 100%);height:1px;margin:0;position:relative}.section-divider-line:before{content:"";background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #10b98199}.bg-grid{pointer-events:none;background-image:linear-gradient(#10b98108 1px,#0000 1px),linear-gradient(90deg,#10b98108 1px,#0000 1px);background-size:60px 60px;animation:8s ease-in-out infinite gridPulse;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%)}body.dark .bg-grid{background-image:linear-gradient(#10b9810d 1px,#0000 1px),linear-gradient(90deg,#10b9810d 1px,#0000 1px)}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.aurora-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-bg:before,.aurora-bg:after{content:"";opacity:.5;background:conic-gradient(from 180deg,#0000 0deg,#10b9811a 60deg,#0000 120deg,#06b6d414 180deg,#0000 240deg,#10b9810f 300deg,#0000 360deg);width:150%;height:150%;animation:30s linear infinite auroraRotate;position:absolute;top:-25%;left:-25%}.aurora-bg:after{opacity:.3;animation-duration:25s;animation-direction:reverse}@keyframes auroraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotlight-section .spotlight{pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}body.dark .spotlight-section .spotlight{background:radial-gradient(circle,#10b9811f 0%,#0000 70%)}.glow-card{position:relative;overflow:hidden}.glow-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#10b98126 0%,transparent 50%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.glow-card:hover:after{opacity:1}.glow-card>*{z-index:1;position:relative}.border-glow{position:relative}.border-glow:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#10b98199 0%,transparent 50%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.border-glow:hover:before{opacity:1}.text-gradient-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text}.scroll-indicator{color:var(--text-tertiary);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .4s ease-out;animation:.5s ease-out 2s forwards fadeInDelayed;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator.hidden{animation:none;opacity:0!important}.scroll-indicator-text{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.scroll-indicator-arrow{border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:flex-start;width:20px;height:32px;padding-top:6px;display:flex}.scroll-indicator-dot{background:var(--text-tertiary);border-radius:2px;width:4px;height:8px;animation:1.5s ease-in-out infinite scrollBounce}@keyframes fadeInDelayed{to{opacity:1}}@keyframes scrollBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (width<=768px){.scroll-indicator{display:none}}.trust-bar{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:1.5rem 0}.trust-bar-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=768px){.trust-bar-content{flex-direction:row;justify-content:center;gap:0}.trust-bar-group{flex:1}.trust-bar-group:first-child{justify-content:flex-end;padding-right:2rem}.trust-bar-group:last-child{justify-content:flex-start;padding-left:2rem}}.trust-bar-group{align-items:center;gap:1rem;display:flex}.trust-bar-label{color:var(--text-tertiary);font-size:.875rem}.trust-bar-items{align-items:center;gap:1rem;display:flex}.trust-bar-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.trust-bar-icon{width:20px;height:20px;color:var(--primary-color)}.trust-bar-divider{background:var(--border-color);flex-shrink:0;width:1px;height:24px}@media (width<=767px){.trust-bar-divider{width:48px;height:1px}}.value-prop{padding:6rem 0;position:relative;overflow:hidden}.value-prop-glow-1{filter:blur(100px);pointer-events:none;background:#10b9810d;border-radius:50%;width:384px;height:384px;position:absolute;top:0;left:25%}.value-prop-glow-2{filter:blur(100px);pointer-events:none;background:#10b9810d;border-radius:50%;width:384px;height:384px;position:absolute;bottom:0;right:25%}.value-prop-content{text-align:center;max-width:900px;margin:0 auto;position:relative}.value-prop-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.875rem;font-weight:500}.value-prop-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.value-prop-description{color:var(--text-secondary);max-width:700px;margin:0 auto 3rem;font-size:1.125rem;line-height:1.7}.value-prop-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.value-prop-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:var(--transition);padding:1.25rem;overflow:visible}.value-prop-card:hover{border-color:#10b9814d}.value-prop-before{color:var(--text-tertiary);opacity:.7;margin-bottom:.5rem;font-size:.875rem;text-decoration:line-through}.value-prop-after{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.value-prop-arrow{width:16px;min-width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.value-prop-after-text{color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:500}@media (width<=768px){.value-prop-card{text-align:center}.value-prop-after{justify-content:center}}.how-it-works{background:var(--bg-secondary);padding:6rem 0;position:relative;overflow:hidden}.how-it-works:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#10b98114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d40f 0%,#0000 40%);height:100%;position:absolute;top:0;left:0;right:0}.how-it-works-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:1000px;box-shadow:var(--shadow-lg);margin:0 auto;padding:3rem;position:relative;overflow:hidden}.how-it-works-card:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(90deg,#0000,#10b9814d,#06b6d44d,#0000);transition:opacity .3s;animation:4s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.how-it-works-card:hover:before{opacity:1}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}body.dark .how-it-works-card{background:#1e293bcc;border-color:#ffffff1a;box-shadow:0 20px 40px #0000004d}.how-it-works .section-title{text-align:center;margin-bottom:0;padding-top:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;position:relative}.steps{justify-content:center;align-items:flex-start;gap:0;margin-top:3rem;display:flex;position:relative}.steps:before{content:"";background:var(--border-color);border-radius:2px;width:400px;height:3px;position:absolute;top:32px;left:calc(50% - 200px)}.steps:after{content:"";background:linear-gradient(90deg,var(--primary-color),#06b6d4);border-radius:3px;width:0;height:5px;animation:8s ease-out infinite lineProgress;position:absolute;top:31px;left:calc(50% - 200px);box-shadow:0 0 12px #10b98199}@keyframes lineProgress{0%{opacity:1;width:0}8%,20%{opacity:1;width:0}28%{opacity:1;width:200px}28%,40%{width:200px}48%{opacity:1;width:400px}48%,62%{opacity:1;width:400px}70%{opacity:0;width:400px}78%,to{opacity:0;width:0}}.step{text-align:center;flex:0 0 200px;padding:0 1rem;position:relative}.step-number{background:var(--bg-surface);border:3px solid var(--border-color);z-index:3;width:64px;height:64px;color:var(--text-tertiary);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800;display:flex;position:relative}.step-number:before{content:"";opacity:0;border:2px solid #0000;border-radius:50%;position:absolute;inset:-6px}.step:first-child .step-number{animation:8s ease-out infinite stepPop1}.step:nth-child(2) .step-number{animation:8s ease-out infinite stepPop2}.step:nth-child(3) .step-number{animation:8s ease-out infinite stepPop3}.step:first-child .step-number:before{animation:8s ease-out infinite stepRing1}.step:nth-child(2) .step-number:before{animation:8s ease-out infinite stepRing2}.step:nth-child(3) .step-number:before{animation:8s ease-out infinite stepRing3}@keyframes stepPop1{0%,6%{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}8%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.15);box-shadow:0 0 30px #10b98199}15%,62%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1);box-shadow:0 0 15px #10b98166}70%,to{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}}@keyframes stepRing1{0%,6%{opacity:0;border-color:#0000;transform:scale(1)}8%{opacity:1;border-color:var(--primary-color);transform:scale(1)}18%{opacity:0;border-color:var(--primary-color);transform:scale(1.5)}to{opacity:0}}@keyframes stepPop2{0%,26%{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}28%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.15);box-shadow:0 0 30px #10b98199}35%,62%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1);box-shadow:0 0 15px #10b98166}70%,to{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}}@keyframes stepRing2{0%,26%{opacity:0;border-color:#0000;transform:scale(1)}28%{opacity:1;border-color:var(--primary-color);transform:scale(1)}38%{opacity:0;border-color:var(--primary-color);transform:scale(1.5)}to{opacity:0}}@keyframes stepPop3{0%,46%{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}48%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.15);box-shadow:0 0 30px #10b98199}55%,62%{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1);box-shadow:0 0 15px #10b98166}70%,to{border-color:var(--border-color);color:var(--text-tertiary);box-shadow:var(--shadow-md);transform:scale(1)}}@keyframes stepRing3{0%,46%{opacity:0;border-color:#0000;transform:scale(1)}48%{opacity:1;border-color:var(--primary-color);transform:scale(1)}58%{opacity:0;border-color:var(--primary-color);transform:scale(1.5)}to{opacity:0}}body.dark .step-number{background:var(--bg-tertiary)}.step h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;transition:color .3s}.step:hover h3{color:var(--primary-color)}.step p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.step-icon-small{background:var(--primary-color);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .3s;display:flex;position:absolute;bottom:-8px;right:calc(50% - 40px);transform:scale(0)}.step:hover .step-icon-small{opacity:1;transform:scale(1)}@media (width<=768px){.how-it-works-card{margin:0 1rem;padding:2rem 1.5rem}.steps{flex-direction:column;align-items:center;gap:2.5rem}.steps:before,.steps:after{display:none}.step{flex:none;max-width:300px}.step-number{animation:none!important}}.features-demos{background:var(--bg-secondary);padding:6rem 0;position:relative}.features-demos .section-header{text-align:center;margin-bottom:4rem}.demo-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.demo-grid{grid-template-columns:1fr;max-width:500px}}.demo-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition);overflow:hidden}.demo-card:hover{box-shadow:var(--shadow-glow);border-color:#10b9814d;transform:translateY(-2px)}body.dark .demo-card{background:#1e293b80;border-color:#ffffff14}body.dark .demo-card:hover{border-color:#10b98166}.demo-card-content{padding:1.5rem}.demo-card-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.demo-card-icon{border-radius:var(--radius);width:32px;height:32px;color:var(--primary-color);background:#10b9811a;justify-content:center;align-items:center;display:flex}.demo-card-icon svg{width:18px;height:18px}.demo-card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.demo-card-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.demo-preview{background:var(--bg-tertiary);border-radius:var(--radius-lg);height:220px;margin:0 1.5rem 1.5rem;position:relative;overflow:hidden}body.dark .demo-preview{background:#0f172a99}.blur-demo{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.blur-demo-bg{animation:12s ease-in-out infinite bgModeSwitch;position:absolute;inset:0}.blur-demo-bg:before{content:"";filter:blur(25px);background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);animation:12s ease-in-out infinite blurIntensity;position:absolute;inset:-20px}.blur-demo-bg:after{content:"";background:#1a1a2e;animation:12s ease-in-out infinite solidBg;position:absolute;inset:0}@keyframes blurIntensity{0%,25%{filter:blur(25px);opacity:1}33%,58%{filter:blur();opacity:0}66%,to{filter:blur(25px);opacity:1}}@keyframes solidBg{0%,25%{opacity:0}33%,58%{opacity:1}66%,to{opacity:0}}.blur-demo-pattern{pointer-events:none;background-color:#0000;background-image:linear-gradient(45deg,#667eea4d 25%,#0000 25%),linear-gradient(-45deg,#667eea4d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#764ba24d 75%),linear-gradient(-45deg,#0000 75%,#764ba24d 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:12s ease-in-out infinite patternBg;position:absolute;inset:0}@keyframes patternBg{0%,58%{opacity:0}66%,92%{opacity:1}to{opacity:0}}.blur-demo-image{border-radius:var(--radius);z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);width:100px;height:100px;position:relative;box-shadow:0 10px 40px #0000004d}.blur-demo-label{color:#fff;backdrop-filter:blur(4px);z-index:3;white-space:nowrap;background:#000000b3;border-radius:4px;padding:4px 10px;font-size:.6rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.blur-demo-label:before{content:"Blur";animation:12s ease-in-out infinite labelSwitch}@keyframes labelSwitch{0%,25%{content:"Blur"}33%,58%{content:"Solid Color"}66%,92%{content:"Pattern"}to{content:"Blur"}}.blur-demo-modes{z-index:3;gap:6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.blur-demo-mode-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .3s}.blur-demo-mode-dot:first-child{animation:12s ease-in-out infinite dotActive1}.blur-demo-mode-dot:nth-child(2){animation:12s ease-in-out infinite dotActive2}.blur-demo-mode-dot:nth-child(3){animation:12s ease-in-out infinite dotActive3}@keyframes dotActive1{0%,25%{background:var(--primary-color);box-shadow:0 0 6px var(--primary-color)}33%,to{box-shadow:none;background:#ffffff4d}}@keyframes dotActive2{0%,25%{box-shadow:none;background:#ffffff4d}33%,58%{background:var(--primary-color);box-shadow:0 0 6px var(--primary-color)}66%,to{box-shadow:none;background:#ffffff4d}}@keyframes dotActive3{0%,58%{box-shadow:none;background:#ffffff4d}66%,92%{background:var(--primary-color);box-shadow:0 0 6px var(--primary-color)}to{box-shadow:none;background:#ffffff4d}}.watermark-demo{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.watermark-demo-image{border-radius:var(--radius);background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb);width:140px;height:140px;position:relative;box-shadow:0 8px 32px #0000004d}.watermark-demo-text{color:#ffffffe6;text-shadow:0 1px 3px #0009;white-space:nowrap;font-size:.65rem;font-weight:600;animation:16s cubic-bezier(.4,0,.2,1) infinite watermarkSmooth;position:absolute;top:50%;left:50%}@keyframes watermarkSmooth{0%,5%{opacity:1;transform:translate(10px,52px)}10%{opacity:.6;transform:translate(10px,52px)}15%,20%{opacity:1;transform:translate(-100%,52px)}25%{opacity:.6;transform:translate(-100%,52px)}30%,35%{opacity:1;transform:translate(-100%,-60px)}40%{opacity:.6;transform:translate(-100%,-60px)}45%,50%{opacity:1;transform:translate(10px,-60px)}55%{opacity:.6;transform:translate(10px,-60px)}60%,65%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:.6;transform:translate(-50%,-50%)}75%,to{opacity:1;transform:translate(10px,52px)}}.watermark-position-dot{background:var(--primary-color);width:6px;height:6px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;animation:16s cubic-bezier(.4,0,.2,1) infinite positionDot;position:absolute}@keyframes positionDot{0%,5%{inset:auto 8px 8px auto}15%,20%{inset:auto auto 8px 8px}30%,35%{inset:8px auto auto 8px}45%,50%{inset:8px 8px auto auto}60%,65%{inset:50% auto auto 50%;transform:translate(-50%,-50%)}75%,to{inset:auto 8px 8px auto;transform:none}}.watermark-demo-controls{z-index:10;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.watermark-control{color:#fffc;backdrop-filter:blur(4px);background:#0009;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:.5rem;transition:all .4s;display:flex}.watermark-control:first-child{animation:16s ease-in-out infinite controlGlow}.watermark-control:nth-child(2){animation:16s ease-in-out 4s infinite controlGlow}.watermark-control:nth-child(3){animation:16s ease-in-out 8s infinite controlGlow}@keyframes controlGlow{0%,15%,to{box-shadow:none;background:#0009}5%,10%{background:#10b9814d;box-shadow:0 0 8px #10b98166}}.watermark-control-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:4px;height:4px}.watermark-control:nth-child(2):after{content:"BR";animation:16s cubic-bezier(.4,0,.2,1) infinite positionLabel}@keyframes positionLabel{0%,10%{content:"BR"}15%,25%{content:"BL"}30%,40%{content:"TL"}45%,55%{content:"TR"}60%,70%{content:"Center"}75%,to{content:"BR"}}.demo-preview:has(.multiframe-demo){background:#0f0f23}.multiframe-demo{background:linear-gradient(#0f0f23 0%,#1a1a3e 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.multiframe-source{border-radius:var(--radius);backface-visibility:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 30%,#f093fb 60%,#f5576c 100%);width:150px;height:100px;animation:12s ease-in-out infinite sourceShow;position:absolute;transform:translateZ(0);box-shadow:0 8px 32px #0000004d}@keyframes sourceShow{0%,6%{opacity:1}10%,82%{opacity:0}88%,to{opacity:1}}.multiframe-cut-lines{pointer-events:none;z-index:10;width:150px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multiframe-cut-v,.multiframe-cut-h{background:#ffffffe6;position:absolute;box-shadow:0 0 8px #fffc,0 0 20px #10b98199}.multiframe-cut-v{width:2px;height:0;top:0}.multiframe-cut-v:first-child{animation:12s ease-in-out infinite cutV;left:33.33%}.multiframe-cut-v:nth-child(2){animation:12s ease-in-out .1s infinite cutV;left:66.66%}.multiframe-cut-h{width:0;height:2px;top:calc(50% - 1px);left:0}.multiframe-cut-h:nth-child(3){animation:12s ease-in-out infinite cutH}@keyframes cutV{0%,4%{opacity:0;height:0}6%,10%{opacity:1;height:100%}14%,78%{opacity:0;height:100%}82%,86%{opacity:1;height:100%}90%,to{opacity:0;height:0}}@keyframes cutH{0%,28%{opacity:0;width:0;left:50%}32%,36%{opacity:1;width:162px;left:calc(50% - 81px)}40%,54%{opacity:0;width:162px;left:calc(50% - 81px)}58%,62%{opacity:1;width:162px;left:calc(50% - 81px)}66%,to{opacity:0;width:0;left:50%}}.multiframe-grid{opacity:0;border-radius:var(--radius);backface-visibility:hidden;background:#0f0f23;grid-template-rows:repeat(2,50px);grid-template-columns:repeat(3,50px);gap:0;animation:12s ease-in-out infinite gridMorph;display:grid;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 32px #0000004d}@keyframes gridMorph{0%,8%{opacity:0;gap:0}12%{opacity:1;gap:0}18%,28%{opacity:1;gap:0 6px}36%,52%{opacity:1;gap:6px}60%,76%{opacity:1;gap:0 6px}82%{opacity:1;gap:0}86%,to{opacity:0;gap:0}}.multiframe-cell{background:linear-gradient(135deg,#667eea 0%,#764ba2 30%,#f093fb 60%,#f5576c 100%) 0 0/150px 100px}.multiframe-cell:first-child{background-position:0 0}.multiframe-cell:nth-child(2){background-position:-50px 0}.multiframe-cell:nth-child(3){background-position:-100px 0}.multiframe-cell:nth-child(4){background-position:0 -50px}.multiframe-cell:nth-child(5){background-position:-50px -50px}.multiframe-cell:nth-child(6){background-position:-100px -50px}.multiframe-outer-border{display:none}@keyframes outerBorderMorph{0%,5%{opacity:0;width:186px;height:126px}15%,35%{opacity:1;width:186px;height:66px}45%,65%{opacity:1;width:186px;height:126px}75%,95%{opacity:1;width:146px;height:146px}to{opacity:0}}.multiframe-seamless-indicator{color:var(--primary-color);backdrop-filter:blur(4px);opacity:0;background:#10b98133;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:.6rem;animation:8s ease-in-out infinite seamlessShow;display:flex;position:absolute;top:12px;right:12px}.multiframe-seamless-indicator:before{content:"✓";font-size:.7rem}@keyframes seamlessShow{0%,20%{opacity:0}30%,90%{opacity:1}to{opacity:0}}.multiframe-label{color:#fff;backdrop-filter:blur(4px);white-space:nowrap;background:#000000b3;border-radius:12px;padding:4px 12px;font-size:.7rem;animation:12s ease-in-out infinite labelAppear;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.multiframe-label:before{content:"Original";animation:12s ease-in-out infinite labelText}@keyframes labelText{0%,8%{content:"Original"}12%,28%{content:"1×3 Carousel"}36%,52%{content:"2×3 Grid"}60%,76%{content:"1×3 Carousel"}84%,to{content:"Original"}}@keyframes labelAppear{0%,to{opacity:1}}.ratio-demo{background:linear-gradient(135deg,#1e1e2f 0%,#2d2d44 100%);justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:16px;display:flex;position:relative}.ratio-preview{justify-content:center;align-items:center;display:flex;position:relative}.ratio-frame{border:2px solid var(--primary-color);border-radius:var(--radius-sm);background:#10b9811a;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite ratioMorph;display:flex}@keyframes ratioMorph{0%,20%{width:100px;height:100px}25%,45%{width:80px;height:100px}50%,70%{width:56px;height:100px}75%,95%{width:100px;height:75px}to{width:100px;height:100px}}.ratio-frame-inner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;width:60%;height:60%}.ratio-labels{flex-direction:column;gap:8px;display:flex}.ratio-label{color:#fff9;transition:var(--transition);align-items:center;gap:8px;font-size:.75rem;display:flex}.ratio-label.active{color:var(--primary-color)}.ratio-label-dot{width:8px;height:8px;transition:var(--transition);background:#fff3;border-radius:50%}.ratio-label.active .ratio-label-dot{background:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}.borders-demo{background:linear-gradient(135deg,#141e30 0%,#243b55 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative}.borders-image-wrapper{align-items:center;gap:72px;display:flex;position:relative}.borders-single{justify-content:center;align-items:center;display:flex;position:relative}.borders-padding{border-radius:var(--radius);background:#10b98126;justify-content:center;align-items:center;animation:8s ease-in-out infinite bordersPadding;display:flex;position:relative}@keyframes bordersPadding{0%,5%{padding:0}15%,25%{padding:8px}35%,50%{padding:12px 4px 4px 16px}60%,75%{padding:8px}85%,to{padding:0}}.borders-image{border-radius:var(--radius-sm);z-index:20;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50%,#fad0c4 100%);flex-shrink:0;width:64px;height:64px;position:relative}.borders-frame{display:none}.borders-values{pointer-events:none;z-index:10;position:absolute;inset:0}.borders-val-top{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite valTopPos;position:absolute;left:50%;transform:translate(-50%)}@keyframes valTopPos{0%,5%{opacity:0;top:-8px}15%,25%{opacity:1;top:-24px}35%,50%{opacity:1;top:-28px}60%,75%{opacity:1;top:-24px}85%,to{opacity:0;top:-8px}}.borders-val-top:before{content:"0";animation:8s ease-in-out infinite valTopText}@keyframes valTopText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"12"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-val-right{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite valRightPos;position:absolute;top:50%;transform:translateY(-50%)}@keyframes valRightPos{0%,5%{opacity:0;right:-8px}15%,25%{opacity:1;right:-24px}35%,50%{opacity:1;right:-20px}60%,75%{opacity:1;right:-24px}85%,to{opacity:0;right:-8px}}.borders-val-right:before{content:"0";animation:8s ease-in-out infinite valRightText}@keyframes valRightText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"4"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-val-bottom{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite valBottomPos;position:absolute;left:50%;transform:translate(-50%)}@keyframes valBottomPos{0%,5%{opacity:0;bottom:-8px}15%,25%{opacity:1;bottom:-24px}35%,50%{opacity:1;bottom:-20px}60%,75%{opacity:1;bottom:-24px}85%,to{opacity:0;bottom:-8px}}.borders-val-bottom:before{content:"0";animation:8s ease-in-out infinite valBottomText}@keyframes valBottomText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"4"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-val-left{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite valLeftPos;position:absolute;top:50%;transform:translateY(-50%)}@keyframes valLeftPos{0%,5%{opacity:0;left:-8px}15%,25%{opacity:1;left:-24px}35%,50%{opacity:1;left:-32px}60%,75%{opacity:1;left:-24px}85%,to{opacity:0;left:-8px}}.borders-val-left:before{content:"0";animation:8s ease-in-out infinite valLeftText}@keyframes valLeftText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"16"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-plus{display:none}.borders-grid-wrapper{position:relative}.borders-grid{gap:6px;display:flex;position:relative}.borders-grid:before{content:"6";color:var(--primary-color);z-index:10;opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite gridValTopPos;position:absolute;left:50%;transform:translate(-50%)}.borders-grid:after{content:"6";color:var(--primary-color);z-index:10;opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite gridValBottomPos;position:absolute;left:50%;transform:translate(-50%)}@keyframes gridValTopPos{0%,5%{opacity:0;content:"0";top:-8px}15%,25%{opacity:1;content:"8";top:-30px}35%,50%{opacity:1;content:"12";top:-34px}60%,75%{opacity:1;content:"8";top:-30px}85%,to{opacity:0;content:"0";top:-8px}}@keyframes gridValBottomPos{0%,5%{opacity:0;content:"0";bottom:-8px}15%,25%{opacity:1;content:"8";bottom:-30px}35%,50%{opacity:1;content:"4";bottom:-26px}60%,75%{opacity:1;content:"8";bottom:-30px}85%,to{opacity:0;content:"0";bottom:-8px}}.borders-grid-values{pointer-events:none;z-index:10;position:absolute;inset:0}.borders-grid-val-left{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite gridValLeftPos;position:absolute;top:50%;transform:translateY(-50%)}.borders-grid-val-left:before{content:"6";animation:8s ease-in-out infinite gridValLeftText}@keyframes gridValLeftPos{0%,5%{opacity:0;left:-8px}15%,25%{opacity:1;left:-34px}35%,50%{opacity:1;left:-42px}60%,75%{opacity:1;left:-34px}85%,to{opacity:0;left:-8px}}@keyframes gridValLeftText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"16"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-grid-val-right{color:var(--primary-color);opacity:0;background:#10b98133;border-radius:3px;padding:2px 5px;font-size:.55rem;font-weight:600;animation:8s ease-in-out infinite gridValRightPos;position:absolute;top:50%;transform:translateY(-50%)}.borders-grid-val-right:before{content:"0";animation:8s ease-in-out infinite gridValRightText}@keyframes gridValRightPos{0%,5%{opacity:0;right:-8px}15%,25%{opacity:1;right:-34px}35%,50%{opacity:1;right:-30px}60%,75%{opacity:1;right:-34px}85%,to{opacity:0;right:-8px}}@keyframes gridValRightText{0%,5%{content:"0"}15%,25%{content:"8"}35%,50%{content:"4"}60%,75%{content:"8"}85%,to{content:"0"}}.borders-grid-cell{z-index:20;border-radius:3px;width:28px;height:50px;position:relative}.borders-grid-cell:after{content:"";z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/56px 50px;border-radius:3px;position:absolute;inset:0}.borders-grid-cell:before{content:"";z-index:1;background:#10b9814d;position:absolute}.borders-grid-cell:first-child:after{background-position:0 0}.borders-grid-cell:first-child:before{border-radius:var(--radius)0 0 var(--radius);animation:8s ease-in-out infinite leftCellBorder;inset:0}.borders-grid-cell:nth-child(2):after{background-position:-28px 0}.borders-grid-cell:nth-child(2):before{border-radius:0 var(--radius)var(--radius)0;animation:8s ease-in-out infinite rightCellBorder;inset:0}@keyframes leftCellBorder{0%,5%{inset:4px}15%,25%{inset:-8px 0 -8px -8px}35%,50%{inset:-12px 0 -4px -16px}60%,75%{inset:-8px 0 -8px -8px}85%,to{inset:4px}}@keyframes rightCellBorder{0%,5%{inset:4px}15%,25%{inset:-8px -8px -8px 0}35%,50%{inset:-12px -4px -4px 0}60%,75%{inset:-8px -8px -8px 0}85%,to{inset:4px}}.borders-grid-cell:nth-child(n+3){display:none}.borders-seamless-label{color:#ffffff80;white-space:nowrap;align-items:center;gap:4px;font-size:.6rem;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.borders-seamless-label:before{content:"✓";color:var(--primary-color);font-size:.65rem}.borders-controls,.border-control{display:none}.batch-demo{background:linear-gradient(135deg,#0c0c1d 0%,#1a1a3a 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.batch-images{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.batch-image{border-radius:6px;width:40px;height:40px;position:relative;box-shadow:0 2px 8px #0000004d}.batch-image:first-child{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.batch-image:nth-child(2){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.batch-image:nth-child(3){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.batch-image:nth-child(4){background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.batch-image:nth-child(5){background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.batch-image:nth-child(6){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.batch-image:nth-child(7){background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.batch-image:nth-child(8){background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.batch-image:after{content:"✓";color:#fff;opacity:0;border-radius:inherit;background:#10b981e6;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;inset:0}.batch-image:first-child:after{animation:4s ease-out .32s infinite batchCheckFast}.batch-image:nth-child(2):after{animation:4s ease-out .56s infinite batchCheckFast}.batch-image:nth-child(3):after{animation:4s ease-out .72s infinite batchCheckFast}.batch-image:nth-child(4):after{animation:4s ease-out .88s infinite batchCheckFast}.batch-image:nth-child(5):after{animation:4s ease-out 1.04s infinite batchCheckFast}.batch-image:nth-child(6):after{animation:4s ease-out 1.2s infinite batchCheckFast}.batch-image:nth-child(7):after{animation:4s ease-out 1.32s infinite batchCheckFast}.batch-image:nth-child(8):after{animation:4s ease-out 1.44s infinite batchCheckFast}@keyframes batchCheckFast{0%{opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}68%{opacity:0;transform:scale(.5)}to{opacity:0;transform:scale(.5)}}.batch-progress{backdrop-filter:blur(4px);background:#0009;border-radius:16px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.batch-progress-bar{background:#fff3;border-radius:2px;width:80px;height:4px;overflow:hidden}.batch-progress-fill{background:var(--primary-color);border-radius:2px;height:100%;animation:4s ease-out infinite batchProgress}@keyframes batchProgress{0%{opacity:1;width:0%}8%{width:12.5%}14%{width:25%}18%{width:37.5%}22%{width:50%}26%{width:62.5%}30%{width:75%}33%{width:87.5%}36%{width:100%}60%{opacity:1;width:100%}65%{opacity:0;width:100%}to{opacity:0;width:0%}}.batch-progress-text{color:#fffc;font-size:.7rem}.batch-progress-text:before{content:"0/8";animation:4s ease-out infinite batchCounter}@keyframes batchCounter{0%,7%{content:"0/8"}8%,13%{content:"1/8"}14%,17%{content:"2/8"}18%,21%{content:"3/8"}22%,25%{content:"4/8"}26%,29%{content:"5/8"}30%,32%{content:"6/8"}33%,35%{content:"7/8"}36%,65%{content:"8/8"}66%,to{content:"0/8"}}.cta-final-glow{display:none}.cta-final-content{z-index:1;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);text-align:center;max-width:700px;box-shadow:var(--shadow-lg);margin:0 auto;padding:4rem 3rem;position:relative;overflow:hidden}.cta-final-content:before{content:"";background:linear-gradient(90deg,var(--primary-color),#06b6d4,var(--primary-color),#06b6d4);border-radius:inherit;z-index:-1;opacity:.8;background-size:300% 100%;animation:6s linear infinite borderMove;position:absolute;inset:-2px}@keyframes borderMove{0%{background-position:0%}to{background-position:300%}}.cta-final-content:after{content:"";background:var(--bg-surface);border-radius:calc(var(--radius-2xl) - 2px);z-index:-1;position:absolute;inset:2px}body.dark .cta-final-content{background:#1e293be6;box-shadow:0 25px 50px #0006}body.dark .cta-final-content:after{background:#1e293bf2}.cta-final-content .corner-top-left,.cta-final-content .corner-bottom-right{pointer-events:none;width:60px;height:60px;position:absolute}.cta-final-title{background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-color)100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;position:relative}.cta-final-description{color:var(--text-secondary);z-index:1;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7;position:relative}.cta-final-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.cta-final-buttons .btn-primary{padding:1rem 2.5rem;font-size:1.1rem;box-shadow:0 8px 24px #10b9814d}.cta-final-buttons .btn-secondary{padding:1rem 2rem}@media (width<=768px){.cta-final-content{margin:0 1rem;padding:3rem 1.5rem}.cta-final-buttons{flex-direction:column}.cta-final-buttons .btn{width:100%}}.grid-pattern{pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}body.dark .grid-pattern{opacity:.03}::selection{background-color:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.hero-title-gradient{background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-color)25%,#06b6d4 50%,var(--primary-color)75%,var(--text-primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradientText}@keyframes gradientText{0%{background-position:0%}to{background-position:200%}}.floating-orb{pointer-events:none;filter:blur(60px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.floating-orb.orb-1{background:radial-gradient(circle,#10b9814d 0%,#0000 70%);width:300px;height:300px;animation-delay:0s;top:10%;left:-5%}.floating-orb.orb-2{background:radial-gradient(circle,#06b6d44d 0%,#0000 70%);width:250px;height:250px;animation-delay:-5s;top:60%;right:-5%}.floating-orb.orb-3{background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:200px;height:200px;animation-delay:-10s;bottom:20%;left:20%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-30px)scale(1.1)}50%{transform:translate(-15px,20px)scale(.95)}75%{transform:translate(25px,10px)scale(1.05)}}.morphing-blob{pointer-events:none;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:20s ease-in-out infinite blobMorph;position:absolute}@keyframes blobMorph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.feature-demo-card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.feature-demo-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #10b98126,0 0 0 1px #10b9811a}.feature-demo-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#10b98100 0%,#10b98180 50%,#06b6d480 100%);padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.feature-demo-card:hover:before{opacity:1}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(to bottom right,#fff0 0% 40%,#ffffff4d 50%,#fff0 60% 100%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.btn-primary:hover:after{transform:rotate(45deg)translate(100%)}.glow-dots{pointer-events:none;position:absolute}.glow-dot{background:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite glowPulse;position:absolute;box-shadow:0 0 10px #10b98180}.glow-dot:first-child{animation-delay:0s;top:20%;left:10%}.glow-dot:nth-child(2){animation-delay:.5s;top:40%;left:85%}.glow-dot:nth-child(3){animation-delay:1s;top:70%;left:15%}.glow-dot:nth-child(4){animation-delay:1.5s;top:30%;left:90%}.glow-dot:nth-child(5){animation-delay:2s;top:80%;left:70%}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.hero-badge{animation:3s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.ripple-effect:before{content:"";background:radial-gradient(circle at var(--x,50%)var(--y,50%),#10b9814d 0%,transparent 50%);opacity:0;transition:transform .5s,opacity .5s;position:absolute;inset:0;transform:scale(0)}.ripple-effect:active:before{opacity:1;transition:transform,opacity;transform:scale(2)}.stagger-enter>*{opacity:0;animation:.6s forwards staggerFadeIn;transform:translateY(20px)}.stagger-enter>:first-child{animation-delay:.1s}.stagger-enter>:nth-child(2){animation-delay:.2s}.stagger-enter>:nth-child(3){animation-delay:.3s}.stagger-enter>:nth-child(4){animation-delay:.4s}.stagger-enter>:nth-child(5){animation-delay:.5s}.stagger-enter>:nth-child(6){animation-delay:.6s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.floating-icons{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-icon{opacity:.1;width:40px;height:40px;animation:20s ease-in-out infinite iconFloat;position:absolute}.floating-icon:first-child{animation-delay:0s;top:15%;left:8%}.floating-icon:nth-child(2){animation-delay:-4s;top:45%;left:92%}.floating-icon:nth-child(3){animation-delay:-8s;top:75%;left:5%}.floating-icon:nth-child(4){animation-delay:-12s;top:25%;left:88%}.floating-icon:nth-child(5){animation-delay:-16s;top:85%;left:75%}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-divider{background:linear-gradient(90deg,transparent 0%,var(--border-color)20%,var(--primary-color)50%,var(--border-color)80%,transparent 100%);height:1px;margin:0;position:relative}.section-divider:before{content:"";background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #10b98180}.parallax-section{transform-style:preserve-3d;perspective:1000px}.parallax-bg{transform:translateZ(-1px)scale(1.5)}.animated-underline:after{content:"";background:linear-gradient(90deg,var(--primary-color),#06b6d4);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.animated-underline:hover:after{width:100%}.inner-glow{position:relative}.inner-glow:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(#10b9810d 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.inner-glow:hover:before{opacity:1}.pricing-card-featured{position:relative;overflow:visible}.pricing-card-featured:before{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 0% 40%,#ffffff0a 50%,#0000 60% 100%) 100% 0/250% 100%;animation:4s ease-in-out infinite cardShine;position:absolute;inset:0}@keyframes cardShine{0%,30%{background-position:100% 0}80%,to{background-position:0 0}}.pricing-card-featured .popular-badge{z-index:10;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.badge-pulse{position:relative}.badge-pulse:before{content:"";border-radius:inherit;background:inherit;opacity:0;animation:2s ease-out infinite badgePulse;position:absolute;inset:-4px}@keyframes badgePulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.mouse-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:400px;height:400px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";border:2px solid var(--primary-color);opacity:0;width:30px;height:30px;transition:opacity .3s,transform .3s;position:absolute}.corner-accent:before{border-bottom:none;border-right:none;border-radius:8px 0 0;top:-5px;left:-5px}.corner-accent:after{border-top:none;border-left:none;border-radius:0 0 8px;bottom:-5px;right:-5px}.corner-accent:hover:before,.corner-accent:hover:after{opacity:1}.corner-accent:hover:before{transform:translate(-3px,-3px)}.corner-accent:hover:after{transform:translate(3px,3px)}.floating-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:20s ease-in-out infinite particleFloat;position:absolute}.particle-1{background:#10b9814d;width:6px;height:6px;animation-duration:25s;animation-delay:0s;top:20%;left:10%}.particle-2{background:#10b98140;width:4px;height:4px;animation-duration:22s;animation-delay:2s;top:60%;left:85%}.particle-3{background:#10b98133;width:8px;height:8px;animation-duration:28s;animation-delay:4s;top:30%;left:70%}.particle-4{background:#10b98159;width:5px;height:5px;animation-duration:24s;animation-delay:1s;top:75%;left:25%}.particle-5{background:#10b98126;width:7px;height:7px;animation-duration:26s;animation-delay:3s;top:45%;left:50%}.particle-6{background:#34d39966;width:3px;height:3px;animation-duration:20s;animation-delay:5s;top:10%;left:40%}.particle-7{background:#34d39940;width:6px;height:6px;animation-duration:23s;animation-delay:6s;top:85%;left:60%}.particle-8{background:#10b9814d;width:4px;height:4px;animation-duration:27s;animation-delay:7s;top:50%;left:15%}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}25%{transform:translate(30px,-40px)scale(1.2)}50%{opacity:.8;transform:translate(-20px,-80px)scale(.8)}75%{transform:translate(40px,-120px)scale(1.1)}90%{opacity:1}to{opacity:0;transform:translateY(-160px)scale(1)}}.aurora-bg{pointer-events:none;z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.aurora-gradient{background:radial-gradient(at 20% 20%,#10b98114 0%,#0000 50%),radial-gradient(at 80% 80%,#34d3990f 0%,#0000 50%),radial-gradient(at 40% 60%,#10b9810d 0%,#0000 40%),radial-gradient(at 60% 30%,#6ee7b70a 0%,#0000 45%);width:150%;height:150%;animation:30s ease-in-out infinite auroraShift;position:absolute;top:-25%;left:-25%}body.dark .aurora-gradient{background:radial-gradient(at 20% 20%,#10b9811f 0%,#0000 50%),radial-gradient(at 80% 80%,#34d3991a 0%,#0000 50%),radial-gradient(at 40% 60%,#10b98114 0%,#0000 40%),radial-gradient(at 60% 30%,#6ee7b70f 0%,#0000 45%)}@keyframes auroraShift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(5%,3%)rotate(2deg)}50%{transform:translate(-3%,5%)rotate(-1deg)}75%{transform:translate(-5%,-3%)rotate(1deg)}}.aurora-gradient-2{background:radial-gradient(at 70% 20%,#10b9810f 0%,#0000 40%),radial-gradient(at 30% 70%,#34d3990d 0%,#0000 45%);width:120%;height:120%;animation:25s ease-in-out infinite reverse auroraShift2;position:absolute;top:-10%;left:-10%}body.dark .aurora-gradient-2{background:radial-gradient(at 70% 20%,#10b9811a 0%,#0000 40%),radial-gradient(at 30% 70%,#34d39914 0%,#0000 45%)}@keyframes auroraShift2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-3%,4%)scale(1.02)}66%{transform:translate(4%,-2%)scale(.98)}}.breathing{animation:4s ease-in-out infinite breathe}.breathing-slow{animation:6s ease-in-out infinite breathe}.breathing-fast{animation:3s ease-in-out infinite breathe}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #10b98126}50%{box-shadow:0 0 40px #10b9814d}}.hero-blob{animation:8s ease-in-out infinite blobBreath}.hero-blob-1{animation-delay:0s}.hero-blob-2{animation-delay:2s}.hero-blob-3{animation-delay:4s}@keyframes blobBreath{0%,to{opacity:.8;transform:scale(1)translate(0)}25%{opacity:1;transform:scale(1.1)translate(10px,-10px)}50%{opacity:.9;transform:scale(.95)translate(-5px,5px)}75%{opacity:1;transform:scale(1.05)translate(5px,10px)}}.parallax-layer{will-change:transform;transition:transform .1s ease-out}.parallax-slow{--parallax-speed:.02}.parallax-medium{--parallax-speed:.05}.parallax-fast{--parallax-speed:.08}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out}.tilt-card:hover{transform:perspective(1000px)rotateX(var(--tilt-x,0deg))rotateY(var(--tilt-y,0deg))}.tilt-card .tilt-content{transition:transform .15s ease-out;transform:translateZ(20px)}.tilt-card:hover .tilt-content{transform:translateZ(30px)}.tilt-card:before{content:"";opacity:0;pointer-events:none;border-radius:inherit;transform:translateX(var(--shine-x,-100%));background:linear-gradient(105deg,#0000 40%,#ffffff1a 45%,#ffffff26 50%,#ffffff1a 55%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.tilt-card:hover:before{opacity:1}.magnetic-btn{will-change:transform;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:relative}.magnetic-btn-inner{z-index:1;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:relative}.cursor-glow{pointer-events:none;z-index:9998;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#10b9811f 0%,#10b9810f 30%,#0000 70%);width:300px;height:300px;transition:width .3s,height .3s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}body.dark .cursor-glow{background:radial-gradient(circle,#34d39926 0%,#10b98114 30%,#0000 70%)}.cursor-glow.active{opacity:1}.cursor-glow.hovering-interactive{background:radial-gradient(circle,#10b9812e 0%,#10b98114 40%,#0000 70%);width:400px;height:400px}body.dark .cursor-glow.hovering-interactive{background:radial-gradient(circle,#34d39938 0%,#10b9811a 40%,#0000 70%)}.cursor-trail{pointer-events:none;z-index:9997;background:#10b98180;border-radius:50%;width:8px;height:8px;animation:.5s ease-out forwards cursorTrailFade;position:fixed;transform:translate(-50%,-50%)}@keyframes cursorTrailFade{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.interactive-gradient{pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#10b98114 0%,transparent 50%);width:100%;height:100%;transition:background .3s;position:fixed;top:0;left:0}body.dark .interactive-gradient{background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#10b9811f 0%,transparent 50%)}.spotlight-section{position:relative;overflow:hidden}.spotlight{pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,#10b9811a 0%,#10b9810d 30%,#0000 60%);width:600px;height:600px;transition:opacity .5s;position:absolute;transform:translate(-50%,-50%)}body.dark .spotlight{background:radial-gradient(circle,#10b98126 0%,#10b98114 30%,#0000 60%)}.spotlight-section:hover .spotlight{opacity:1}.ripple-effect{position:relative;overflow:hidden}.ripple{pointer-events:none;background:#10b9814d;border-radius:50%;animation:.6s ease-out forwards rippleExpand;position:absolute;transform:scale(0)}@keyframes rippleExpand{to{opacity:0;transform:scale(4)}}.animated-underline{text-decoration:none;position:relative}.animated-underline:after{content:"";background:linear-gradient(90deg,var(--primary-color),#34d399);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.animated-underline:hover:after{transform-origin:0;transform:scaleX(1)}.float-icon{animation:3s ease-in-out infinite iconFloat}.stagger-item{opacity:0;animation:.5s forwards staggerIn;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.glitch-text{position:relative}.glitch-text:hover{animation:.3s glitchText}@keyframes glitchText{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.shimmer{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.morph-blob{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:8s ease-in-out infinite morphBlob}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70% 40%}75%{border-radius:40% 30% 60% 50%/70% 40% 50% 60%}}@media (prefers-reduced-motion:reduce){.particle,.aurora-gradient,.aurora-gradient-2,.breathing,.breathing-slow,.breathing-fast,.pulse-glow,.hero-blob,.float-icon,.morph-blob{animation:none}.tilt-card,.magnetic-btn,.cursor-glow,.spotlight{transition:none}.animated-underline:after{transform:scaleX(1)}}@media (width<=768px){.floating-particles,.cursor-glow,.cursor-trail,.aurora-gradient-2{display:none}.aurora-gradient{animation-duration:60s}}@media (hover:none){.tilt-card:hover{transform:none}.cursor-glow,.cursor-trail{display:none}}.admin-badge{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.status-badge,.plan-badge{border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{color:var(--primary);background:#10b98126}.status-badge.banned{color:#ef4444;background:#ef444426}.plan-badge.lifetime{color:#8b5cf6;background:#8b5cf626}.plan-badge.pro{color:var(--primary);background:#10b98126}.plan-badge.granted{color:#3b82f6;background:#3b82f626}.plan-badge.free{background:var(--bg-tertiary);color:var(--text-muted)}body.dark .status-badge.active{background:#10b98133}body.dark .status-badge.banned{background:#ef444433}body.dark .plan-badge.lifetime{background:#8b5cf633}body.dark .plan-badge.pro{background:#10b98133}body.dark .plan-badge.granted{background:#3b82f633}body.dark .plan-badge.free{background:var(--bg-tertiary)}.existing-grants{margin-bottom:20px}.existing-grants h3,.grant-modal h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.grants-list{flex-direction:column;gap:8px;display:flex}.grant-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.grant-type{color:var(--text-primary);font-weight:500}.no-grants{color:var(--text-muted);padding:12px 0;font-style:italic}.divider{border:none;border-top:1px solid var(--border-color);margin:20px 0}.btn-danger{color:#fff;background:#ef4444;border:none}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.plan-badges{flex-wrap:wrap;gap:4px;display:flex}.banned-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.banned-container{text-align:center;background:var(--bg-primary);max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:16px;padding:3rem 2rem}.banned-icon{color:#ef4444;margin-bottom:1.5rem}.banned-icon svg{width:64px;height:64px}.banned-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.75rem;font-weight:700}.banned-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.banned-reason{color:var(--text-primary);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.banned-appeal{margin-bottom:2rem}.banned-appeal p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.appeal-link{color:var(--primary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.appeal-link:hover{opacity:.8}.back-home-btn{align-items:center;gap:.5rem;display:inline-flex}.ban-modal-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ban-icon{color:#ef4444}.ban-warning{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.onboarding-overlay{z-index:10000;pointer-events:none;position:fixed;inset:0}.onboarding-backdrop{pointer-events:auto;cursor:pointer;background:#0009;position:fixed;inset:0}.onboarding-highlight{border:3px solid var(--primary-color,#10b981);pointer-events:none;z-index:10001;border-radius:8px;transition:all .3s;position:fixed;box-shadow:0 0 0 9999px #0009,0 0 20px #10b98166}.onboarding-tooltip{background:var(--bg-primary,#fff);pointer-events:auto;z-index:10002;border-radius:12px;min-width:280px;max-width:360px;animation:.3s tooltip-appear;position:fixed;box-shadow:0 10px 40px #0003}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip-content{padding:1.25rem 1.5rem 1rem}.onboarding-title{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.onboarding-description{color:var(--text-secondary,#64748b);margin:0;font-size:.9375rem;line-height:1.6}.onboarding-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.onboarding-progress{color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:600}.onboarding-actions{gap:.5rem;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.onboarding-btn-skip{color:var(--text-secondary,#64748b);background:0 0}.onboarding-btn-skip:hover,.onboarding-btn-prev{background:var(--bg-tertiary,#f1f5f9);color:var(--text-primary,#1e293b)}.onboarding-btn-prev:hover{background:var(--border-color,#e2e8f0)}.onboarding-btn-next{background:var(--primary-color,#10b981);color:#fff}.onboarding-btn-next:hover{background:var(--primary-color-hover,#059669)}.restart-guide-btn{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--text-primary,#1e293b);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.restart-guide-btn:hover{background:var(--bg-tertiary,#f1f5f9);border-color:var(--primary-color,#10b981)}.restart-guide-btn svg{color:var(--primary-color,#10b981)}body.dark .onboarding-tooltip{background:var(--bg-primary);border:1px solid var(--border-color)}body.dark .onboarding-footer{background:var(--bg-secondary)}body.dark .restart-guide-btn{background:var(--bg-secondary);border-color:var(--border-color)}body.dark .restart-guide-btn:hover{background:var(--bg-tertiary)}@media (width<=768px){.onboarding-tooltip{min-width:0;max-width:none;inset:auto 1rem 1rem!important;transform:none!important}.onboarding-actions{flex-wrap:wrap}.onboarding-btn{min-height:44px}}.effect-type-grid,.frame-type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.effect-btn,.frame-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.75rem .5rem;display:flex}.effect-btn:hover,.frame-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--text-primary)}.effect-btn.active,.frame-btn.active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.effect-btn svg,.frame-btn svg{flex-shrink:0;width:24px;height:24px}.effect-icon{justify-content:center;align-items:center;display:flex}.effect-label{text-align:center;font-size:.75rem;font-weight:500;line-height:1.2}.frame-type-grid{grid-template-columns:repeat(3,1fr)}body.dark .effect-btn,body.dark .frame-btn{background:var(--bg-tertiary);border-color:var(--border-color)}body.dark .effect-btn:hover,body.dark .frame-btn:hover{background:var(--bg-hover)}body.dark .effect-btn.active,body.dark .frame-btn.active{background:#10b98126}@media (width<=480px){.effect-type-grid,.frame-type-grid{grid-template-columns:repeat(2,1fr)}}.torn-edge-controls{margin-top:.5rem}.torn-edge-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.randomize-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.randomize-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.randomize-btn:active{transform:scale(.97)}.randomize-btn svg{width:16px;height:16px}body.dark .randomize-btn{background:var(--bg-tertiary)}body.dark .randomize-btn:hover{background:var(--primary-color)}