: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:#ffffff8c;--1code-text-dim:#ffffff73;--1code-accent:#fff;--1code-accent-glow:#ffffff1a;--1code-font-mono:"Geist Mono","SF Mono",ui-monospace,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}.will-animate{will-change:transform,opacity;backface-visibility:hidden}[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:Schibsted Grotesk,Geist,system-ui,sans-serif;font-weight:650;letter-spacing:-.03em;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:600;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:500;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:Schibsted Grotesk,Geist,system-ui,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:650;letter-spacing:-.03em;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:Schibsted Grotesk,Geist,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:650;letter-spacing:-.03em;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-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: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}: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}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1a #0000}.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}.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}.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}.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: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: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%}}.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)}}.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%}.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}.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}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}.toast-exit{animation:toast-slide-out .3s ease-out forwards}.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}.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}.page-enter{opacity:0;filter:blur(4px);transform:translateY(10px);animation:page-enter .4s cubic-bezier(.16,1,.3,1) forwards}.page-exit{animation:page-exit .2s ease-out forwards}.stagger-list>*{opacity:0;transform:translateY(20px);animation:stagger-in .4s cubic-bezier(.16,1,.3,1) forwards}.stagger-grid>*{opacity:0;transform:scale(.9);animation:stagger-scale-in .5s cubic-bezier(.16,1,.3,1) forwards}.icon-bounce{animation:icon-bounce .5s cubic-bezier(.34,1.56,.64,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)}.star-wiggle{animation:star-wiggle .6s ease}.download-bounce{animation:download-bounce .6s cubic-bezier(.34,1.56,.64,1)}.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}}.blink-cursor:after{content:"|";animation:blink 1s step-end infinite}.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%}}.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)}.snap-y{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}