:root{--1code-bg:#000;--1code-bg-card:#0a0b0d;--1code-bg-elevated:#111;--1code-border:#ffffff14;--1code-border-subtle:#ffffff0a;--1code-border-hover:#ffffff26;--1code-text-primary:#fff;--1code-text-secondary:#fff9;--1code-text-muted:#fff6;--1code-text-dim:#fff3;--1code-accent:#fff;--1code-accent-glow:#ffffff1a;--1code-font-mono:"JetBrains Mono","Fira Code","SF Mono",monospace;--1code-font-sans:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;--ease-butter:cubic-bezier(0.25,0.1,0.25,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-instant:100ms;--1code-space-xs:4px;--1code-space-sm:8px;--1code-space-md:16px;--1code-space-lg:24px;--1code-space-xl:32px;--1code-space-2xl:48px;--1code-space-3xl:64px}[role=button],a,button{transition:color .1s ease-out,background-color .1s ease-out,border-color .1s ease-out,opacity .1s ease-out}.card,.group,[class*=card-]{transition:border-color .15s ease-out,background-color .15s ease-out}input,select,textarea{transition:border-color .1s ease-out,box-shadow .1s ease-out}.heading-mono{font-family:var(--1code-font-mono);font-weight:400;letter-spacing:-.02em;line-height:1.1}.heading-mono-lg{font-size:clamp(2.5rem,6vw,4.5rem)}.heading-mono-md{font-size:clamp(1.5rem,3vw,2rem)}.heading-mono-sm{font-size:clamp(1rem,2vw,1.25rem)}.section-label{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--1code-text-muted)}.btn-1code-primary{--cut:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;background:linear-gradient(180deg,#5cdfa3,#3ecc8a 46%,#2fb87b);color:#04140c;font-size:.875rem;font-weight:650;letter-spacing:-.01em;border-radius:0;border:none;cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #04140c4d,inset 0 0 0 1px #04140c29;transition:filter .16s var(--ease-out),transform 90ms cubic-bezier(.25,1,.5,1),box-shadow .18s var(--ease-out)}.btn-1code-primary:hover{filter:brightness(1.07) saturate(1.03);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff9,inset 0 0 0 1px #04140c2e,inset 0 -18px 28px -14px #04140c38}.btn-1code-primary:active{filter:brightness(.97);transform:translateY(1px);box-shadow:inset 0 2px 7px #04140c61,inset 0 0 0 1px #04140c33}.btn-1code-primary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #04140c8c,inset 0 1px 0 #ffffff80}.btn-icon-slide{overflow:hidden}.btn-icon-slide .btn-icon{transition:transform var(--duration-fast) var(--ease-out)}.btn-icon-slide:hover .btn-icon{transform:translateX(4px)}.btn-1code-secondary{--cut:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;background:linear-gradient(180deg,hsla(0,0%,100%,.075),hsla(0,0%,100%,.025));color:var(--1code-text-primary);font-size:.875rem;font-weight:550;border-radius:0;border:none;cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));box-shadow:inset 0 0 0 1px #ffffff21,inset 0 1px 0 #ffffff12;transition:background-color var(--duration-fast) var(--ease-out),box-shadow .18s var(--ease-out),transform 90ms cubic-bezier(.25,1,.5,1)}.btn-1code-secondary:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.btn-1code-secondary:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0006}.btn-1code-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff08;color:var(--1code-text-secondary);font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid var(--1code-border);transition:transform .2s ease-out,opacity .2s ease-out,background-color .2s ease-out}.btn-1code-pill:hover{background:#ffffff14;border-color:#ffffff26;color:var(--1code-text-primary)}.card-1code{background:var(--1code-bg-card);border:1px solid var(--1code-border);border-radius:12px;padding:var(--1code-space-lg);transition:border-color var(--duration-fast) var(--ease-out)}.card-1code:hover{border-color:var(--1code-border-hover)}.card-1code-dashed{background:#0000;border:1px dashed var(--1code-border);border-radius:12px;padding:var(--1code-space-xl);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card-1code-dashed:hover{transform:translateY(-4px);border-color:var(--1code-border-hover);background:#ffffff05}.grid-decoration{position:absolute;border:1px dashed var(--1code-border-subtle);pointer-events:none}.grid-decoration-vertical{width:1px;height:100%;border-width:0 0 0 1px}.grid-decoration-horizontal{width:100%;height:1px;border-width:1px 0 0}.grid-lines-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-gradient-radial{background:radial-gradient(circle at center,var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to))}.container-1code{max-width:1200px;margin:0 auto;padding:0 var(--1code-space-lg)}.section-1code{padding:var(--1code-space-3xl) 0;position:relative}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--1code-space-3xl);align-items:center}@media (max-width:768px){.split-layout{grid-template-columns:1fr}}.hero-1code{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--1code-bg)}.hero-1code-content{position:relative;z-index:10;max-width:600px}.hero-1code-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff08;border:1px solid var(--1code-border);border-radius:9999px;font-size:.8rem;color:var(--1code-text-secondary);margin-bottom:var(--1code-space-lg)}.hero-1code-title{font-family:var(--1code-font-mono);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;color:var(--1code-text-primary);margin-bottom:var(--1code-space-lg)}.hero-1code-description{font-size:1.1rem;line-height:1.6;color:var(--1code-text-secondary);margin-bottom:var(--1code-space-xl);max-width:480px}.hero-1code-buttons{display:flex;gap:var(--1code-space-md);flex-wrap:wrap}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--1code-space-lg)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card-1code{padding:var(--1code-space-xl);background:var(--1code-bg-card);border:1px solid var(--1code-border);border-radius:12px;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.feature-card-1code:hover{border-color:var(--1code-border-hover);transform:translateY(-4px)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;margin-bottom:var(--1code-space-md)}.feature-icon,.feature-title{color:var(--1code-text-primary)}.feature-title{font-size:1rem;font-weight:600;margin-bottom:var(--1code-space-sm)}.feature-description{font-size:.875rem;line-height:1.6;color:var(--1code-text-muted)}.section-header-1code{text-align:center;margin-bottom:var(--1code-space-3xl)}.section-header-1code .section-label,.section-header-1code h2{margin-bottom:var(--1code-space-md)}.section-header-1code h2{font-family:var(--1code-font-mono);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;color:var(--1code-text-primary)}.section-header-1code p{font-size:1rem;color:var(--1code-text-secondary);max-width:600px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--1code-space-lg)}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr}}.pricing-card-1code{padding:var(--1code-space-xl);background:var(--1code-bg-card);border:1px solid var(--1code-border);border-radius:16px;display:flex;flex-direction:column;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.pricing-card-1code:hover{border-color:var(--1code-border-hover);transform:translateY(-4px)}.pricing-card-1code.featured{border-color:#fff3;background:var(--1code-bg-elevated)}.pricing-card-1code.featured:hover{border-color:#ffffff4d}.pricing-tier{font-size:.875rem;font-weight:600;color:var(--1code-text-secondary);margin-bottom:var(--1code-space-sm)}.pricing-price{font-family:var(--1code-font-mono);font-size:2.5rem;font-weight:400;color:var(--1code-text-primary);margin-bottom:var(--1code-space-xs)}.pricing-period{font-size:.875rem;color:var(--1code-text-muted);margin-bottom:var(--1code-space-lg)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--1code-space-xl) 0;flex-grow:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--1code-space-sm);font-size:.875rem;color:var(--1code-text-secondary);padding:var(--1code-space-sm) 0;border-bottom:1px solid var(--1code-border-subtle)}.pricing-features li:last-child{border-bottom:none}.marquee-1code{overflow:hidden;padding:var(--1code-space-xl) 0;border-top:1px solid var(--1code-border-subtle);border-bottom:1px solid var(--1code-border-subtle);background:#ffffff03}.marquee-1code,.marquee-1code-track{display:flex;gap:var(--1code-space-3xl)}.marquee-1code-track{animation:marquee-scroll 25s linear infinite;flex-shrink:0}.marquee-1code-item{flex-shrink:0;font-size:1rem;font-weight:500;color:var(--1code-text-muted);white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.footer-1code{padding:var(--1code-space-3xl) 0 var(--1code-space-xl);border-top:1px solid var(--1code-border-subtle);background:var(--1code-bg)}.footer-1code-content{display:flex;justify-content:space-between;align-items:center}.footer-1code-links{display:flex;gap:var(--1code-space-xl)}.footer-1code-link{font-size:.875rem;color:var(--1code-text-muted);text-decoration:none;transition:color .2s ease}.footer-1code-link:hover{color:var(--1code-text-primary)}.divider-1code{height:1px;background:var(--1code-border);margin:var(--1code-space-3xl) 0}.step-number{font-family:var(--1code-font-mono);font-size:.75rem;color:var(--1code-text-dim);margin-bottom:var(--1code-space-sm)}.gradient-overlay-subtle{position:absolute;inset:0;background:radial-gradient(ellipse at top,#ffffff05 0,#0000 50%);pointer-events:none}.faq-item-1code{border-bottom:1px solid var(--1code-border);padding:var(--1code-space-lg) 0}.faq-question{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;color:var(--1code-text-primary);cursor:pointer;transition:color .2s ease}.faq-question:hover{color:var(--1code-text-secondary)}.faq-answer{font-size:.875rem;line-height:1.7;color:var(--1code-text-muted);padding-top:var(--1code-space-md)}.will-change-transform{will-change:transform;backface-visibility:hidden}.fixed,.sticky{will-change:transform;contain:layout style}.card-hover-optimized{transition:transform .2s ease}.card-hover-optimized:hover{transform:translateY(-4px)}@media (max-width:768px){.backdrop-blur-lg,.backdrop-blur-md,.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.smooth-section{transform:translateZ(0);will-change:transform}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.page-transition-enter{opacity:0;transform:translateY(8px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .2s ease}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal-stagger.visible>:first-child{transition-delay:0ms}.reveal-stagger.visible>:nth-child(2){transition-delay:60ms}.reveal-stagger.visible>:nth-child(3){transition-delay:.12s}.reveal-stagger.visible>:nth-child(4){transition-delay:.18s}.reveal-stagger.visible>:nth-child(5){transition-delay:.24s}.reveal-stagger.visible>:nth-child(6){transition-delay:.3s}.reveal-stagger.visible>:nth-child(7){transition-delay:.36s}.reveal-stagger.visible>:nth-child(8){transition-delay:.42s}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}.hover-lift-smooth{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.hover-lift-smooth:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #0000004d}.hover-scale-smooth{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-scale-smooth:hover{transform:scale(1.02)}.btn-spring{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.btn-spring:hover{transform:translateY(-2px)}.btn-spring:active{transform:scale(.96);transition-duration:.1s}.link-smooth{position:relative;text-decoration:none}.link-smooth:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.link-smooth:hover:after{transform:scaleX(1);transform-origin:left}.collapse-smooth{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.collapse-smooth.open{grid-template-rows:1fr}.collapse-smooth>*{overflow:hidden}.overlay-smooth{opacity:0;transition:opacity .3s ease}.overlay-smooth.visible{opacity:1}.modal-smooth{opacity:0;transform:scale(.95) translateY(10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.modal-smooth.visible{opacity:1;transform:scale(1) translateY(0)}.tab-content-smooth{opacity:0;transform:translateX(10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.tab-content-smooth.active{opacity:1;transform:translateX(0)}.tab-indicator-smooth{transition:left .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1)}.img-smooth{opacity:0;transition:opacity .5s ease}.img-smooth.loaded{opacity:1}.skeleton-smooth{position:relative;overflow:hidden;background:#ffffff0d}.skeleton-smooth:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);animation:skeleton-wave 1.5s ease-in-out infinite}@keyframes skeleton-wave{0%{left:-100%}to{left:100%}}.tooltip-smooth{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.tooltip-trigger:hover .tooltip-smooth{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-smooth{opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}.dropdown-smooth.open{opacity:1;transform:translateY(0) scale(1)}.dropdown-smooth.open>*{animation:dropdown-item-in .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.dropdown-smooth.open>:first-child{animation-delay:0ms}.dropdown-smooth.open>:nth-child(2){animation-delay:30ms}.dropdown-smooth.open>:nth-child(3){animation-delay:60ms}.dropdown-smooth.open>:nth-child(4){animation-delay:90ms}.dropdown-smooth.open>:nth-child(5){animation-delay:.12s}@keyframes dropdown-item-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.input-smooth{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.input-smooth:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.toast-smooth{opacity:0;transform:translateX(100%);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.toast-smooth.visible{opacity:1;transform:translateX(0)}.toast-smooth.exiting{opacity:0;transform:translateX(50%);transition-duration:.2s}.spinner-smooth{animation:spin-smooth 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin-smooth{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parallax-slow{transition:transform .1s linear;will-change:transform}.cursor-follow{transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .2s ease;will-change:transform}.card-tilt{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1)}.card-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.ripple:active:after{width:300px;height:300px;opacity:0}.counter-smooth{display:inline-block;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.counter-smooth.updating{transform:scale(1.1)}.custom-cursor{position:fixed;width:20px;height:20px;border:1.5px solid #fff6;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .1s ease-out,height .1s ease-out;mix-blend-mode:difference}.custom-cursor.hovering{width:40px;height:40px}.custom-cursor-dot{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);mix-blend-mode:difference}body.custom-cursor-enabled,body.custom-cursor-enabled .cursor-pointer,body.custom-cursor-enabled [role=button],body.custom-cursor-enabled a,body.custom-cursor-enabled button,body.custom-cursor-enabled input,body.custom-cursor-enabled textarea{cursor:none!important}.cursor-glow-container{position:relative;overflow:hidden}.cursor-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at center,#ffffff08 0,#0000 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .3s ease;filter:blur(40px);opacity:0}.cursor-glow-container:hover .cursor-glow{opacity:1}.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:#fff;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:transform .15s cubic-bezier(.16,1,.3,1)}.cursor-dot.hovering{transform:translate(-50%,-50%) scale(3);background:#ffffff80}.btn-icon-slide{display:inline-flex;align-items:center;gap:8px}.btn-icon-slide .btn-icon{transition:transform .15s ease-out;flex-shrink:0}.btn-icon-slide:hover .btn-icon{transform:translateX(3px)}.gallery-card-preview{position:relative;overflow:hidden;cursor:pointer}.gallery-card-preview .preview-image,.gallery-card-preview .preview-video{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease-out}.gallery-card-preview .preview-video{position:absolute;inset:0;opacity:0}.gallery-card-preview:hover .preview-image{opacity:0}.gallery-card-preview:hover .preview-video{opacity:1}.gallery-card-preview .preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,#000c 0,#0000);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.gallery-card-preview:hover .preview-overlay{transform:translateY(0)}.skeleton-premium{position:relative;overflow:hidden;background:#ffffff08;border-radius:8px}.skeleton-premium:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000,#ffffff0a 20%,#ffffff14 50%,#ffffff0a 80%,#0000);animation:skeleton-premium-shimmer 1.8s ease-in-out infinite}@keyframes skeleton-premium-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-text{height:1em;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:200px;border-radius:12px}.skeleton-button{height:44px;width:120px;border-radius:8px}.model-selector-bar{display:flex;gap:8px;padding:8px;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.model-selector-bar::-webkit-scrollbar{display:none}.model-selector-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0000;border:1px solid #0000;border-radius:8px;color:#fff9;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}.model-selector-pill:hover{color:#fff;background:#ffffff0d}.model-selector-pill.active{color:#fff;background:#ffffff1a;border-color:#fff3}.model-selector-pill .model-badge{padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.model-selector-pill .model-badge.new,.model-selector-pill .model-badge.pro{background:linear-gradient(135deg,#3ecc8a,#3ecc8a);color:#fff}.model-selector-pill .model-badge.popular{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.category-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0000;border:1px solid #ffffff1a;border-radius:9999px;color:#fff9;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out}.category-pill:hover{color:#fff;border-color:#fff3;background:#ffffff0d}.category-pill.active{color:#000;background:#fff;border-color:#fff}.category-pill .category-count{padding:2px 6px;background:#ffffff1a;border-radius:9999px;font-size:.75rem}.category-pill.active .category-count{background:#0000001a}.credit-preview{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0d;border-radius:6px;font-size:.875rem;color:#ffffffb3}.credit-preview .credit-icon{width:14px;height:14px;color:#fbbf24}.credit-preview .credit-amount{font-weight:600;color:#fff}.card-shine-sweep{position:relative;overflow:hidden}.card-glow-border{position:relative;transition:border-color .15s ease-out}.hover-lift-smooth{transition:transform .15s ease-out}.hover-lift-smooth:hover{transform:translateY(-2px)}.hover-scale-md{transition:transform .3s cubic-bezier(.16,1,.3,1)}.hover-scale-md:hover{transform:scale(1.05)}.press-scale:active{transform:scale(.97);transition-duration:.1s}.counter-animated{display:inline-block;transition:transform .15s ease-out}.counter-animated.updating{animation:counter-bounce .2s ease-out}@keyframes counter-bounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.marquee-smooth{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.marquee-smooth .marquee-content{display:flex;gap:48px;animation:marquee-scroll 40s linear infinite;will-change:transform}.marquee-smooth:hover .marquee-content{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tabs-premium{position:relative}.tabs-premium .tab-indicator{position:absolute;bottom:0;height:2px;background:#fff;border-radius:1px;transition:transform .2s ease-out,opacity .2s ease-out,background-color .2s ease-out}.tabs-premium .tab-item{position:relative;padding:12px 24px;color:#ffffff80;font-weight:500;cursor:pointer;transition:color .15s ease-out}.tabs-premium .tab-item:hover{color:#fffc}.tabs-premium .tab-item.active{color:#fff}.fab-generate{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;color:#000;border-radius:9999px;font-weight:600;box-shadow:0 8px 32px #0000004d;transition:transform .15s ease-out,box-shadow .15s ease-out;z-index:50}.fab-generate:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006}.fab-generate:active{transform:translateY(-1px) scale(.98)}.new-badge,.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#3ecc8a,#3ecc8a);border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.parallax-section{position:relative;overflow:hidden}.parallax-bg{position:absolute;inset:-20%;background-size:cover;background-position:50%;will-change:transform}.img-zoom-container{overflow:hidden}.img-zoom{transition:transform .25s ease-out}.img-zoom-container:hover .img-zoom{transform:scale(1.05)}.stagger-reveal>*{opacity:0;transform:translateY(10px)}.stagger-reveal.visible>*{animation:stagger-in .2s ease-out forwards}.stagger-reveal.visible>:first-child{animation-delay:0ms}.stagger-reveal.visible>:nth-child(2){animation-delay:30ms}.stagger-reveal.visible>:nth-child(3){animation-delay:60ms}.stagger-reveal.visible>:nth-child(4){animation-delay:90ms}.stagger-reveal.visible>:nth-child(5){animation-delay:.12s}.stagger-reveal.visible>:nth-child(6){animation-delay:.15s}.stagger-reveal.visible>:nth-child(7){animation-delay:.18s}.stagger-reveal.visible>:nth-child(8){animation-delay:.21s}.tooltip-premium{position:relative}.tooltip-premium .tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(8px);padding:8px 12px;background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;font-size:.75rem;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:50}.tooltip-premium:hover .tooltip-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.input-floating{position:relative}.input-floating input,.input-floating textarea{padding-top:24px;padding-bottom:8px}.input-floating label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:.875rem;pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}.input-floating input:focus~label,.input-floating input:not(:placeholder-shown)~label,.input-floating textarea:focus~label,.input-floating textarea:not(:placeholder-shown)~label{top:12px;transform:translateY(0);font-size:.7rem;color:#ffffffb3}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;background:#fff;border-radius:50%;animation:loading-dot-bounce 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dot-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.ripple-effect:active:after{animation:ripple-expand .6s ease-out}@keyframes ripple-expand{0%{width:0;height:0;opacity:.5}to{width:300px;height:300px;opacity:0}}:root{--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-in-out-quart:cubic-bezier(0.76,0,0.24,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:75ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:400ms;--color-primary:#3ecc8a;--color-primary-light:#3ecc8a;--color-primary-dark:#2a8f61;--color-accent:#3ecc8a;--color-bg-primary:#0a0b0d;--color-bg-secondary:#141619;--color-bg-tertiary:#1e2227;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#fff6;--color-border:#ffffff1a;--color-success:#3ecc8a;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3ecc8a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow:0 0 20px #3ecc8a4d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--z-dropdown:50;--z-sticky:100;--z-modal:200;--z-popover:300;--z-tooltip:400;--z-toast:500}[role=button],a,button,input,select,textarea{transition-property:color,background-color,border-color,box-shadow,opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-smooth)}.will-animate{will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:#3ecc8a4d;color:#fff}::-moz-selection{background:#3ecc8a4d;color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1a #0000}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.press-effect{transition:transform var(--duration-instant) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-smooth)}.press-effect:active{transform:scale(.97)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #0006}.hover-lift:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px -4px #0000004d}.hover-glow{position:relative;transition:box-shadow var(--duration-normal) var(--ease-smooth)}.hover-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#3ecc8a66,#3ecc8a33);opacity:0;z-index:-1;filter:blur(12px);transition:opacity var(--duration-normal) var(--ease-smooth)}.hover-glow:hover:before{opacity:1}.click-pulse{position:relative;overflow:hidden}.click-pulse:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.click-pulse:active:after{animation:click-pulse-expand .4s ease-out}@keyframes click-pulse-expand{0%{width:0;height:0;opacity:.5}to{width:200%;height:200%;opacity:0}}@keyframes btn-ripple-expand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.btn-ripple{pointer-events:none}.btn-3d{transition:transform .1s ease,box-shadow .1s ease;transform-style:preserve-3d}.btn-3d:hover{transform:translateY(-2px) translateZ(4px);box-shadow:0 4px 8px #0000004d,0 8px 16px #0003}.btn-3d:active{transform:translateY(1px) translateZ(0);box-shadow:0 1px 2px #0000004d,0 2px 4px #0003}.btn-premium{position:relative;overflow:hidden;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s ease}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #3ecc8a80}.btn-morph{position:relative;min-width:120px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.btn-morph.loading{width:50px;min-width:50px;border-radius:50%;padding:0;pointer-events:none}.btn-morph.loading .btn-text{opacity:0;transform:scale(.5)}.btn-morph .btn-text{transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.btn-morph .btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease}.btn-morph.loading .btn-spinner{opacity:1;animation:morph-spin .8s linear infinite}@keyframes morph-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn-morph .btn-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-morph.success{background:#3ecc8a!important;width:50px;min-width:50px;border-radius:50%}.btn-morph.success .btn-spinner{opacity:0}.btn-morph.success .btn-success{transform:translate(-50%,-50%) scale(1)}.btn-morph.success .btn-text{opacity:0}.loading-btn{position:relative;overflow:hidden}.loading-btn.is-loading{pointer-events:none}.loading-btn.is-loading .btn-content{opacity:0}.loading-btn .spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.loading-btn.is-loading .spinner-overlay{opacity:1}.input-focus-glow{transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.input-focus-glow:focus{outline:none;border-color:#3ecc8a;box-shadow:0 0 0 3px #3ecc8a33,0 0 20px #3ecc8a1a}.input-shake{animation:input-shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes input-shake{0%,to{transform:translateX(0)}10%{transform:translateX(-8px)}20%{transform:translateX(8px)}30%{transform:translateX(-6px)}40%{transform:translateX(6px)}50%{transform:translateX(-4px)}60%{transform:translateX(4px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.input-success{border-color:#3ecc8a!important;box-shadow:0 0 0 3px #3ecc8a1a}.error-message{animation:error-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkbox-animated{position:relative;width:20px;height:20px;cursor:pointer}.checkbox-animated input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.checkbox-animated .checkmark{position:absolute;inset:0;background:#ffffff0d;border:2px solid #fff3;border-radius:6px;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}.checkbox-animated input:checked+.checkmark{background:#3ecc8a;border-color:#3ecc8a}.checkbox-animated .checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.checkbox-animated input:checked+.checkmark:after{transform:rotate(45deg) scale(1)}.checkbox-animated input:checked+.checkmark{animation:checkbox-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkbox-bounce{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}.toggle-switch{position:relative;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;inset:0;background:#ffffff1a;border-radius:26px;transition:background .3s ease}.toggle-switch .slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background:#3ecc8a}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.radio-animated{position:relative;width:20px;height:20px;cursor:pointer}.radio-animated input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.radio-animated .radio-circle{position:absolute;inset:0;border:2px solid #ffffff4d;border-radius:50%;transition:border-color .2s ease}.radio-animated .radio-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;background:#3ecc8a;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.radio-animated input:checked+.radio-circle{border-color:#3ecc8a}.radio-animated input:checked~.radio-dot{transform:translate(-50%,-50%) scale(1)}.focus-ring-animated:focus{outline:none;position:relative}.focus-ring-animated:focus:after{content:"";position:absolute;inset:-4px;border:2px solid #3ecc8a;border-radius:inherit;animation:focus-ring-expand .3s ease-out forwards;pointer-events:none}@keyframes focus-ring-expand{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.focus-ring-pulse:focus:after{animation:focus-ring-pulse 1.5s ease-in-out infinite}@keyframes focus-ring-pulse{0%,to{box-shadow:0 0 0 2px #3ecc8a66}50%{box-shadow:0 0 0 4px #3ecc8a33}}.hover-tilt{transition:transform .3s ease;transform-style:preserve-3d}.hover-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) scale(1.02)}.card-3d{transition:transform .3s ease;transform-style:preserve-3d}.card-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateZ(10px)}.glass-card{background:#18181b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:16px}.glass-panel{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid #ffffff14}.glass-modal{background:#09090bf2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid #ffffff1a;box-shadow:0 24px 48px #00000080,inset 0 1px 0 #ffffff0d}.glass-premium{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid #ffffff14;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0003}.glass-premium:hover{border-color:#ffffff26;box-shadow:0 12px 40px #00000080,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);transform:rotate(45deg) translateY(-100%);transition:transform .6s ease}.card-shine:hover:before{transform:rotate(45deg) translateY(100%)}.card-glare{position:relative;overflow:hidden}.card-glare:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transform:skewX(-25deg);transition:left .6s ease}.card-glare:hover:after{left:150%}.card-holographic{position:relative;overflow:hidden}.card-holographic:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3ecc8a1a,#6fddaa1a 25%,#c8f3df1a 50%,#3ecc8a1a 75%,#2a8f611a);background-size:400% 400%;opacity:0;transition:opacity .3s ease}.card-holographic:hover:before{opacity:1;animation:holographic-shift 3s ease infinite}@keyframes holographic-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff1a 0,#0000 50%);opacity:0;transition:opacity .3s ease}.spotlight:hover:before{opacity:1}.hover-feedback{position:relative}.hover-feedback:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:#3ecc8a1a;opacity:0;transform:scale(.95);transition:transform .2s ease,opacity .2s ease,background-color .2s ease;pointer-events:none}.hover-feedback:hover:before{opacity:1;transform:scale(1)}.hover-feedback:active:before{background:#3ecc8a33;transform:scale(.98)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.rotate-hover{transition:transform .4s ease}.rotate-hover:hover{transform:rotate(5deg)}.dropdown-animated{opacity:0;transform:translateY(-8px) scale(.95);transform-origin:top center;animation:dropdown-enter .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes dropdown-enter{to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-animated.closing{animation:dropdown-exit .15s ease-out forwards}@keyframes dropdown-exit{to{opacity:0;transform:translateY(-4px) scale(.98)}}.dropdown-stagger>*{opacity:0;transform:translateX(-10px);animation:dropdown-item-enter .3s cubic-bezier(.16,1,.3,1) forwards}.dropdown-stagger>:first-child{animation-delay:.02s}.dropdown-stagger>:nth-child(2){animation-delay:.04s}.dropdown-stagger>:nth-child(3){animation-delay:.06s}.dropdown-stagger>:nth-child(4){animation-delay:.08s}.dropdown-stagger>:nth-child(5){animation-delay:.1s}.dropdown-stagger>:nth-child(6){animation-delay:.12s}.dropdown-stagger>:nth-child(7){animation-delay:.14s}.dropdown-stagger>:nth-child(8){animation-delay:.16s}.dropdown-stagger>:nth-child(n+9){animation-delay:.18s}@keyframes dropdown-item-enter{to{opacity:1;transform:translateX(0)}}.dropdown-item-hover{position:relative;transition:background-color .15s ease,color .15s ease}.dropdown-item-hover:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:3px;height:60%;background:#3ecc8a;border-radius:0 2px 2px 0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-item-hover:hover:before{transform:translateY(-50%) scaleX(1)}.context-menu{opacity:0;transform:scale(.95);transform-origin:top left;animation:context-menu-enter .15s ease-out forwards}@keyframes context-menu-enter{to{opacity:1;transform:scale(1)}}.sidebar-collapse{transition:width .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar-collapse.collapsed{width:60px}.sidebar-collapse .sidebar-text{opacity:1;transition:opacity .2s ease;white-space:nowrap}.sidebar-collapse.collapsed .sidebar-text{opacity:0}.sidebar-collapse .collapse-icon{transition:transform .3s ease}.sidebar-collapse.collapsed .collapse-icon{transform:rotate(180deg)}.nav-item-animated{position:relative}.nav-item-animated:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#3ecc8a,#3ecc8a);border-radius:1px;transform:translateX(-50%);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-item-animated.active:after,.nav-item-animated:hover:after{width:100%}.hover-underline-animation{position:relative;display:inline-block}.hover-underline-animation:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#3ecc8a,#3ecc8a);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.breadcrumb-animated>*{opacity:0;transform:translateX(-10px);animation:breadcrumb-enter .3s cubic-bezier(.16,1,.3,1) forwards}.breadcrumb-animated>:first-child{animation-delay:0s}.breadcrumb-animated>:nth-child(2){animation-delay:.05s}.breadcrumb-animated>:nth-child(3){animation-delay:.1s}.breadcrumb-animated>:nth-child(4){animation-delay:.15s}.breadcrumb-animated>:nth-child(5){animation-delay:.2s}@keyframes breadcrumb-enter{to{opacity:1;transform:translateX(0)}}.skeleton-shimmer{position:relative;overflow:hidden;background:#ffffff0d}.skeleton-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff14 50%,#0000);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);animation:shimmer-slide 2s infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:100%}}.loading-dots span{animation:loading-dot 1.4s infinite both}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-ring-animated{transform:rotate(-90deg)}.progress-ring-animated circle{transition:stroke-dashoffset .5s ease}.progress-animated{position:relative;overflow:hidden}.progress-animated .progress-bar{transition:width .3s ease}.progress-animated .progress-glow{position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:progress-glow 1.5s ease-in-out infinite}@keyframes progress-glow{0%,to{opacity:0}50%{opacity:1}}.glow-pulse{animation:glow-pulse-anim 2s ease-in-out infinite}@keyframes glow-pulse-anim{0%,to{box-shadow:0 0 20px #3ecc8a4d}50%{box-shadow:0 0 40px #3ecc8a99}}.scale-pulse{animation:scalePulse 2s ease-in-out infinite}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.img-progressive{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%;animation:img-placeholder-shimmer 1.5s ease-in-out infinite}@keyframes img-placeholder-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-progressive img{opacity:0;transition:opacity .5s ease-out}.img-progressive.loaded{animation:none;background:#0000}.img-progressive.loaded img{opacity:1}.img-blur-up{filter:blur(20px);transition:filter .5s ease-out}.img-blur-up.loaded{filter:blur(0)}.img-fade-in{opacity:0;animation:img-fade-in .5s ease-out forwards}@keyframes img-fade-in{to{opacity:1}}.img-scale-in{opacity:0;transform:scale(.95);animation:img-scale-in .4s ease-out forwards}@keyframes img-scale-in{to{opacity:1;transform:scale(1)}}.modal-backdrop{opacity:0;animation:modal-backdrop-in .2s ease-out forwards}@keyframes modal-backdrop-in{to{opacity:1}}.modal-backdrop.closing{animation:modal-backdrop-out .15s ease-out forwards}@keyframes modal-backdrop-out{to{opacity:0}}.modal-content{opacity:0;transform:scale(.95) translateY(10px);animation:modal-content-in .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modal-content-in{to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.closing{animation:modal-content-out .15s ease-out forwards}@keyframes modal-content-out{to{opacity:0;transform:scale(.98) translateY(-10px)}}.modal-blur-in{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);animation:modal-blur-enter .3s ease-out forwards}@keyframes modal-blur-enter{to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.modal-spring-scale{opacity:0;transform:scale(.9);animation:modal-spring .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modal-spring{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.drawer-slide-right{transform:translateX(100%);animation:drawer-slide-in-right .3s ease-out forwards}@keyframes drawer-slide-in-right{to{transform:translateX(0)}}.drawer-slide-right.closing{animation:drawer-slide-out-right .2s ease-out forwards}@keyframes drawer-slide-out-right{to{transform:translateX(100%)}}.drawer-slide-left{transform:translateX(-100%);animation:drawer-slide-in-left .3s ease-out forwards}@keyframes drawer-slide-in-left{to{transform:translateX(0)}}.drawer-slide-bottom{transform:translateY(100%);animation:drawer-slide-in-bottom .3s ease-out forwards}@keyframes drawer-slide-in-bottom{to{transform:translateY(0)}}.popover-enter{opacity:0;transform:scale(.95);animation:popover-in .15s ease-out forwards}@keyframes popover-in{to{opacity:1;transform:scale(1)}}.overlay-fade{opacity:0;transition:opacity .2s ease}.overlay-fade.visible{opacity:1}.toast-enter{opacity:0;transform:translateX(100%) scale(.95);animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%) scale(.95)}60%{opacity:1;transform:translateX(-5%) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-exit{animation:toast-slide-out .3s ease-out forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(50%) scale(.9)}}.toast-enter-top{opacity:0;transform:translateY(-100%);animation:toast-slide-down .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toast-enter-bottom{opacity:0;transform:translateY(100%);animation:toast-slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.badge-bounce-in{animation:badge-bounce-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes badge-bounce-in{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.badge-pulse{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}.notification-shake{animation:bell-shake .5s ease-in-out}@keyframes bell-shake{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}.checkmark-draw{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark-draw .5s cubic-bezier(.65,0,.35,1) forwards}@keyframes checkmark-draw{to{stroke-dashoffset:0}}.success-circle{stroke-dasharray:166;stroke-dashoffset:166;animation:success-circle-draw .6s ease-out forwards}@keyframes success-circle-draw{to{stroke-dashoffset:0}}.alert-shake{animation:alert-shake .5s ease-in-out}@keyframes alert-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.fade-in{opacity:0;animation:fade-in .3s ease-out forwards}@keyframes fade-in{to{opacity:1}}.scale-in{animation:scale-in-anim .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes scale-in-anim{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slide-in-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1) forwards}.slide-in-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards}.slide-in-up{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards}.slide-in-down{animation:slideInDown .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInLeft{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slide-up-anim .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-up-anim{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.flip-in{animation:flipIn .6s ease forwards;backface-visibility:visible}@keyframes flipIn{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0deg);opacity:1}}.page-enter{opacity:0;filter:blur(4px);transform:translateY(10px);animation:page-enter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes page-enter{to{opacity:1;filter:blur(0);transform:translateY(0)}}.page-exit{animation:page-exit .2s ease-out forwards}@keyframes page-exit{to{opacity:0;filter:blur(2px);transform:translateY(-5px)}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.reveal-image{clip-path:inset(100% 0 0 0);animation:reveal-clip 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes reveal-clip{to{clip-path:inset(0 0 0 0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-list>*{opacity:0;transform:translateY(20px);animation:stagger-in .4s cubic-bezier(.16,1,.3,1) forwards}.stagger-list>:first-child{animation-delay:.05s}.stagger-list>:nth-child(2){animation-delay:.1s}.stagger-list>:nth-child(3){animation-delay:.15s}.stagger-list>:nth-child(4){animation-delay:.2s}.stagger-list>:nth-child(5){animation-delay:.25s}.stagger-list>:nth-child(6){animation-delay:.3s}.stagger-list>:nth-child(7){animation-delay:.35s}.stagger-list>:nth-child(8){animation-delay:.4s}.stagger-list>:nth-child(9){animation-delay:.45s}.stagger-list>:nth-child(10){animation-delay:.5s}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.stagger-grid>*{opacity:0;transform:scale(.9);animation:stagger-scale-in .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes stagger-scale-in{to{opacity:1;transform:scale(1)}}.icon-bounce{animation:icon-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-bounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.icon-wiggle{animation:icon-wiggle .5s ease-in-out}@keyframes icon-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.heart-pop{animation:heart-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes heart-pop{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.star-wiggle{animation:star-wiggle .6s ease}@keyframes star-wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(15deg) scale(1.2)}75%{transform:rotate(-10deg) scale(1.1)}}.download-bounce{animation:download-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes download-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-3px)}}.rotate-slow{animation:rotate-slow-anim 20s linear infinite}@keyframes rotate-slow-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.float{animation:float-anim 6s ease-in-out infinite}@keyframes float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-slow{animation:float-gentle 6s ease-in-out infinite}.float-medium{animation:float-gentle 4s ease-in-out infinite}.float-fast{animation:float-gentle 2s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.pulse{animation:pulse-anim 2s ease-in-out infinite}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.5}}.ping{animation:ping-anim 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping-anim{75%,to{transform:scale(2);opacity:0}}.typewriter{overflow:hidden;white-space:nowrap;animation:typing 3.5s steps(40)}@keyframes typing{0%{width:0}to{width:100%}}.blink-cursor:after{content:"|";animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.marquee{animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tab-slide-right-enter{animation:tab-slide-right-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes tab-slide-right-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.tab-slide-left-enter{animation:tab-slide-left-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes tab-slide-left-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.counter-animate{opacity:0;transform:translateY(20px);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),background-color .6s cubic-bezier(.16,1,.3,1)}.counter-animate.visible{opacity:1;transform:translateY(0)}.counter-number{display:inline-block;font-variant-numeric:tabular-nums}.counter-number.counting{animation:counter-tick .1s step-end infinite}@keyframes counter-tick{50%{opacity:.7}}.text-gradient-animate{background-size:200% auto;animation:text-gradient-flow 3s linear infinite}@keyframes text-gradient-flow{0%{background-position:0}to{background-position:200%}}.neon-border{border:1px solid #0000;background:linear-gradient(#0a0b0d,#0a0b0d) padding-box,linear-gradient(135deg,#3ecc8a,#3ecc8a 50%,#3ecc8a) border-box}.neon-border,.neon-border-animated{position:relative}.neon-border-animated:before{inset:-1px;background:linear-gradient(90deg,#3ecc8a,#3ecc8a,#3ecc8a,#3ecc8a);background-size:300% 100%;animation:neon-flow 3s linear infinite}.neon-border-animated:after,.neon-border-animated:before{content:"";position:absolute;border-radius:inherit;z-index:-1}.neon-border-animated:after{inset:0;background:#0a0b0d}@keyframes neon-flow{0%{background-position:0 50%}to{background-position:300% 50%}}.border-gradient-animated{position:relative;background:#0a0b0d}.border-gradient-animated:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#3ecc8a,#3ecc8a,#3ecc8a,#3ecc8a);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-hue-rotate 4s linear infinite}.border-gradient-animate{position:relative}.border-gradient-animate:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,#3ecc8a,#3ecc8a,#3ecc8a,#3ecc8a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:inherit;animation:border-hue-rotate 4s linear infinite}@keyframes border-hue-rotate{to{filter:hue-rotate(1turn)}}.gradient-mesh{background:radial-gradient(at 40% 20%,#3ecc8a26 0,#0000 50%),radial-gradient(at 80% 0,#3ecc8a1a 0,#0000 50%),radial-gradient(at 0 50%,#3ecc8a1a 0,#0000 50%),radial-gradient(at 80% 50%,#3ecc8a1a 0,#0000 50%),radial-gradient(at 0 100%,#3ecc8a1a 0,#0000 50%),radial-gradient(at 80% 100%,#3ecc8a1a 0,#0000 50%);animation:mesh-move 20s ease infinite}@keyframes mesh-move{0%,to{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.morph-blob{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morph-shape 8s ease-in-out infinite}@keyframes morph-shape{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%}75%{border-radius:60% 30% 70% 40%/60% 40% 30% 70%}}.glowing-border{position:relative}.glowing-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3ecc8a,#3ecc8a,#3ecc8a,#3ecc8a);background-size:300% 300%;border-radius:inherit;z-index:-1;filter:blur(8px);opacity:0;transition:opacity .3s ease;animation:glowing-border-rotate 4s linear infinite}.glowing-border:hover:before{opacity:1}@keyframes glowing-border-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.noise-overlay:before{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.grain{position:relative}.grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;mix-blend-mode:overlay}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.parallax-container{perspective:1000px;overflow:hidden}.parallax-layer-1{transform:translateZ(-100px) scale(1.1)}.parallax-layer-2{transform:translateZ(-200px) scale(1.2)}.parallax-layer-3{transform:translateZ(-300px) scale(1.3)}.card-3d-transform{transform-style:preserve-3d;transition:transform .5s ease}.card-3d-transform:hover{transform:rotateY(10deg) rotateX(-5deg)}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.elastic-scroll{overscroll-behavior:contain}.snap-x{scroll-snap-type:x mandatory}.snap-x,.snap-y{-webkit-overflow-scrolling:touch}.snap-y{scroll-snap-type:y mandatory}.snap-center{scroll-snap-align:center}.snap-start{scroll-snap-align:start}.video-overlay{position:relative}.video-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000000e6 0,#0006 40%,#0000);pointer-events:none}.cursor-trail{position:fixed;width:8px;height:8px;background:linear-gradient(135deg,#3ecc8a,#3ecc8a);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease}.btn-press{transition:transform .15s ease,box-shadow .15s ease}.btn-press:active{transform:scale(.95) translateY(2px);box-shadow:0 2px 8px #0000004d}