@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.__variable_e8ce0c{--font-inter:"__Inter_e8ce0c","__Inter_Fallback_e8ce0c"}:root{--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--font-scale-min:1;--font-scale-max:1.25;--font-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--font-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-2xl:clamp(1.5rem,1.3rem + 1vw,1.875rem);--font-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.25rem);--font-4xl:clamp(2.25rem,1.8rem + 2.25vw,3rem);--font-5xl:clamp(3rem,2rem + 5vw,4rem);--font-6xl:clamp(3.75rem,2.5rem + 6.25vw,5rem);--font-7xl:clamp(4.5rem,3rem + 7.5vw,6rem);--font-8xl:clamp(6rem,4rem + 10vw,8rem);--space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--space-sm:clamp(0.5rem,0.4rem + 0.5vw,0.75rem);--space-md:clamp(1rem,0.8rem + 1vw,1.5rem);--space-lg:clamp(1.5rem,1.2rem + 1.5vw,2rem);--space-xl:clamp(2rem,1.5rem + 2.5vw,3rem);--space-2xl:clamp(3rem,2rem + 5vw,4rem);--space-3xl:clamp(4rem,3rem + 5vw,6rem);--container-xs:100%;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--touch-target-min:44px;--touch-target-recommended:48px;--nav-height-mobile:60px;--nav-height-desktop:80px;--nav-button-mobile:44px;--nav-button-desktop:50px;--grid-cols-mobile:4;--grid-cols-tablet:8;--grid-cols-desktop:12;--z-mobile-nav:9999;--z-modal:9998;--z-overlay:9997;--z-dropdown:1001;--z-header:1000;--z-content:1}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width:640px){.container-responsive{max-width:var(--container-sm)}}@media (min-width:768px){.container-responsive{max-width:var(--container-md)}}@media (min-width:1024px){.container-responsive{max-width:var(--container-lg);padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:1280px){.container-responsive{max-width:var(--container-xl)}}@media (min-width:1536px){.container-responsive{max-width:var(--container-2xl)}}.text-fluid-xs{font-size:var(--font-xs)}.text-fluid-sm{font-size:var(--font-sm)}.text-fluid-base{font-size:var(--font-base)}.text-fluid-lg{font-size:var(--font-lg)}.text-fluid-xl{font-size:var(--font-xl)}.text-fluid-2xl{font-size:var(--font-2xl)}.text-fluid-3xl{font-size:var(--font-3xl)}.text-fluid-4xl{font-size:var(--font-4xl)}.text-fluid-5xl{font-size:var(--font-5xl)}.text-fluid-6xl{font-size:var(--font-6xl)}.text-fluid-7xl{font-size:var(--font-7xl)}.text-fluid-8xl{font-size:var(--font-8xl)}.grid-responsive{display:grid;grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(var(--grid-cols-mobile),1fr)}@media (min-width:768px){.grid-responsive{grid-template-columns:repeat(var(--grid-cols-tablet),1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(var(--grid-cols-desktop),1fr);gap:var(--space-lg)}}.nav-responsive{position:fixed;top:0;left:0;right:0;height:var(--nav-height-mobile);z-index:var(--z-header);padding:var(--space-sm) var(--space-md)}@media (min-width:768px){.nav-responsive{height:var(--nav-height-desktop);padding:var(--space-md) var(--space-lg)}}.btn-responsive{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--font-base);border-radius:calc(var(--radius) * 1.5);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.btn-responsive{min-height:var(--touch-target-recommended);padding:var(--space-sm) var(--space-lg)}}.mobile-only{display:block}.desktop-only,.tablet-only{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media (min-width:1024px){.tablet-only{display:none}.desktop-only{display:block}}.img-responsive{width:100%;height:auto;max-width:100%;display:block}.img-container-responsive{position:relative;width:100%;overflow:hidden}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-portrait{aspect-ratio:3/4}.aspect-landscape{aspect-ratio:4/3}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:var(--space-lg)}}@media (hover:none) and (pointer:coarse){.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.dropdown-toggle,.nav-button,a,button{position:relative}.dropdown-toggle:before,.nav-button:before,a:before,button:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-left-tablet{text-align:left}.text-center-tablet{text-align:center}.text-right-tablet{text-align:right}}@media (min-width:1024px){.text-left-desktop{text-align:left}.text-center-desktop{text-align:center}.text-right-desktop{text-align:right}}.safe-area-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.card-responsive{padding:var(--space-md);border-radius:var(--radius);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (min-width:768px){.card-responsive{padding:var(--space-lg)}}@media (min-width:1024px){.card-responsive{padding:var(--space-xl)}}.modal-responsive{width:calc(100% - var(--space-md) * 2);max-width:90vw;margin:var(--space-md);max-height:calc(100vh - var(--space-xl));overflow-y:auto}@media (min-width:768px){.modal-responsive{width:auto;max-width:600px;margin:var(--space-xl) auto}}@media (min-width:1024px){.modal-responsive{max-width:800px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.dropdown-menu,.nav-controls,.nav-responsive,.no-print{display:none!important}body{color:#000!important}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary-blue:#4cc9f0;--primary-purple:#9d4edd;--icon-size-sm:20px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:40px;--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:25 95% 53%;--primary-foreground:0 0% 98%;--secondary:45 93% 47%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:25 95% 53%;--radius:0.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}}@keyframes elegantFadeInUp{0%{opacity:0;transform:translate3d(0,40px,0);filter:blur(8px)}60%{opacity:.8;filter:blur(2px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes elegantScaleIn{0%{opacity:0;transform:scale(.7) translate3d(0,30px,0);filter:blur(6px)}50%{opacity:.6;transform:scale(.9) translate3d(0,10px,0);filter:blur(2px)}to{opacity:1;transform:scale(1) translateZ(0);filter:blur(0)}}@keyframes elegantSlideInLeft{0%{opacity:0;transform:translate3d(-60px,0,0) rotate(-5deg);filter:blur(4px)}70%{opacity:.8;transform:translate3d(5px,0,0) rotate(1deg);filter:blur(1px)}to{opacity:1;transform:translateZ(0) rotate(0deg);filter:blur(0)}}@keyframes elegantSlideInRight{0%{opacity:0;transform:translate3d(60px,0,0) rotate(5deg);filter:blur(4px)}70%{opacity:.8;transform:translate3d(-5px,0,0) rotate(-1deg);filter:blur(1px)}to{opacity:1;transform:translateZ(0) rotate(0deg);filter:blur(0)}}@keyframes elegantBounceIn{0%{opacity:0;transform:scale(.3) translate3d(0,50px,0);filter:blur(8px)}50%{opacity:.7;transform:scale(1.05) translate3d(0,-5px,0);filter:blur(2px)}70%{transform:scale(.98) translate3d(0,2px,0);filter:blur(1px)}to{opacity:1;transform:scale(1) translateZ(0);filter:blur(0)}}.preload :not([aria-hidden=true]){transition:none!important;animation:none!important;transform:none!important}@layer base{*{@apply border-border;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default}.selectable,[contenteditable=true],input,select,textarea{user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;cursor:text}.cursor-pointer,[role=button],a,button{cursor:pointer!important}div,h1,h2,h3,h4,h5,h6,label,p,span{cursor:default!important}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body,html{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow:visible;-webkit-touch-callout:none}}.creaitive-gradient,.creaitive-text-gradient{background:linear-gradient(135deg,#9d4edd,#4cc9f0)}.creaitive-text-gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container-safe{@apply mx-auto px-5;max-width:1200px}.glass-panel{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-panel,.glass-panel-no-backdrop{border:1px solid hsla(0,0%,100%,.2);border-radius:20px}.glass-panel-no-backdrop{background:hsla(0,0%,100%,.85);box-shadow:0 8px 32px rgba(0,0,0,.1)}.creaitive-button{background:linear-gradient(135deg,#9d4edd,#4cc9f0);color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-transform:none}.creaitive-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(76,201,240,.3)}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-up{animation:slide-up .3s ease-out forwards}.card-hover,.glass-effect{@apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1}.nav-arrow{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-arrow:hover{background:hsla(0,0%,100%,.5);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.main-title-gradient{background:linear-gradient(90deg,#4cc9f0,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.logo-header{font-size:2.5rem;font-weight:900;background:hsla(0,0%,100%,.3);border-radius:8px;padding:0 12px;height:50px;display:flex;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;text-decoration:none}.logo-header:hover{background:hsla(0,0%,100%,.4);transform:translateY(-1px)}.nav-button{width:50px;height:50px;border-radius:15px;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 0 0 .5px rgba(76,201,240,.5),0 0 0 .5px rgba(157,78,221,.5),0 2px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 0 0 .5px rgba(76,201,240,.7),0 0 0 .5px rgba(157,78,221,.7),0 4px 15px rgba(0,0,0,.15)}.dropdown-menu{animation:dropdownFadeIn .2s ease-out forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em;color:#000}.main-title{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.9;margin-bottom:clamp(.25rem,1vw,.5rem);letter-spacing:-.02em}.main-subtitle{font-size:clamp(1.25rem,4vw,2rem);font-weight:500;margin-bottom:clamp(1rem,3vw,2rem);letter-spacing:-.01em}.product-container{width:clamp(280px,90vw,500px);height:clamp(320px,50vh,520px);position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}@media (min-width:768px){.product-container{width:clamp(400px,60vw,500px);height:clamp(450px,60vh,520px)}}.create-button{min-width:clamp(160px,40vw,200px);min-height:48px;padding:clamp(.5rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);font-size:clamp(1rem,3vw,1.25rem);font-weight:600;background:hsla(0,0%,100%,.3);border-radius:clamp(20px,5vw,25px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.create-button:hover{background:hsla(0,0%,100%,.8);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}:root{--z-index-navigation:1000;--z-index-dropdown:1001;--nav-top-position:20px;--nav-side-position:20px;--logo-top:var(--nav-top-position);--logo-left:var(--nav-side-position);--login-top:var(--nav-top-position);--login-right:80px;--menu-top:var(--nav-top-position);--menu-right:var(--nav-side-position);--nav-button-size:50px;--nav-radius:15px;--nav-inner-radius:13px;--button-bg-color:hsla(0,0%,100%,.7);--button-shadow:0 0 0 0.5px rgba(76,201,240,.5),0 0 0 0.5px rgba(157,78,221,.5),0 2px 10px rgba(0,0,0,.1);--button-hover-shadow:0 4px 12px rgba(0,0,0,.15);--button-hover-transform:scale(1.1) translateY(-1px);--logo-font-size:2.5rem;--logo-font-weight:900;--logo-bg-color:hsla(0,0%,100%,.3);--logo-scale:1;--standard-transition:all 0.3s ease}.logo-link{position:fixed;top:20px;left:20px;z-index:var(--z-index-navigation);text-decoration:none;transition:var(--standard-transition);-webkit-tap-highlight-color:transparent;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer!important;pointer-events:auto;display:block}.logo-link:active,.logo-link:focus,.logo-link:hover{outline:none;transform:scale(var(--logo-scale));text-decoration:none}.logo-container{display:inline-block;font-size:2.5rem;font-weight:900;text-decoration:none;cursor:pointer!important;pointer-events:auto}.logo-container,.logo-text{color:#000;transition:var(--standard-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-text{font-size:var(--logo-font-size);font-weight:var(--logo-font-weight);margin:0;cursor:default!important;-webkit-text-fill-color:currentColor;-moz-text-fill-color:currentColor}.nav-controls{position:fixed;top:20px;right:20px;z-index:1001;gap:10px;transition:none}.login-button,.nav-controls{display:flex;align-items:center}.login-button{justify-content:center;text-decoration:none;width:var(--nav-button-size);height:var(--nav-button-size);background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--nav-radius);box-shadow:var(--button-shadow);background-image:none;cursor:pointer!important}.login-button,.login-button img{transition:var(--standard-transition);padding:0}.login-button img{width:100%;height:100%;max-width:var(--nav-button-size);max-height:var(--nav-button-size);object-fit:contain;border-radius:var(--nav-inner-radius)}.login-button:hover{background:hsla(0,0%,100%,.85);box-shadow:0 4px 12px rgba(0,0,0,.15)}.login-button:hover img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dropdown-menu{position:relative;z-index:var(--z-index-dropdown);transition:var(--standard-transition)}.dropdown-toggle,.hamburger-icon{cursor:pointer!important}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:15px;box-shadow:0 0 0 .5px rgba(76,201,240,.5),0 0 0 .5px rgba(157,78,221,.5),0 2px 10px rgba(0,0,0,.1);transition:var(--standard-transition);padding:12px;box-sizing:border-box}.hamburger-line{display:block;width:27px;height:6px;border-radius:2px;background:linear-gradient(135deg,#9d4edd,#4cc9f0);margin:2.5px 0;transition:none;transform-origin:center;position:relative}.page-loaded .hamburger-line{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.menu-toggle{display:none}.dropdown-container{position:relative}.menu-toggle:checked+.hamburger-icon .hamburger-line:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle:checked+.hamburger-icon .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle:checked+.hamburger-icon .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hamburger-icon:hover{background:hsla(0,0%,100%,.85);transform:translateY(-1px) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.dropdown-content{position:absolute;top:calc(100% + 10px);right:0;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:220px;box-shadow:0 8px 32px rgba(0,0,0,.1);border-radius:15px;z-index:var(--z-index-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;overflow:hidden;border:1px solid hsla(0,0%,100%,.3);padding:5px}.dropdown-content.show,.menu-toggle:checked~.dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{color:#000;padding:12px 15px;text-decoration:none;display:block;transition:var(--standard-transition);font-weight:500;font-size:1.1rem;border-radius:10px;margin-bottom:2px;background:transparent;position:relative;z-index:1}.dropdown-content a:last-child{margin-bottom:0}.dropdown-content a:hover{background:hsla(0,0%,100%,.9);color:#333;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}@media screen and (min-width:1200px) and (min-height:800px){body:has(.h-screen.w-screen.overflow-hidden){overflow:hidden!important;height:100vh}html:has(.h-screen.w-screen.overflow-hidden){overflow:hidden!important;height:100vh}}.highlight{color:transparent;background:linear-gradient(90deg,#4cc9f0,#9d4edd);-webkit-background-clip:text;background-clip:text;font-weight:900}.container{height:100vh;padding:0;width:100%;position:relative;transition:var(--standard-transition)}#product-selection-view,.container{display:flex;justify-content:center;align-items:center}#product-selection-view{z-index:5;min-height:600px}.design-app{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;align-items:center;justify-content:center;padding:0;transition:var(--standard-transition);margin:0 auto;position:relative;height:100vh}.header{margin-bottom:.5rem}.header,.title{text-align:center;transition:var(--standard-transition)}.title{font-size:clamp(5.5rem,12vw,8.5rem);font-weight:900;margin-bottom:0;letter-spacing:-.02em;line-height:.9}.subtitle,.title{color:#000;width:100%;display:block}.subtitle{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:500;line-height:1;letter-spacing:-.01em;transition:var(--standard-transition);text-align:center;margin-top:.25rem;margin-bottom:.5rem}.tshirt-display{gap:2rem;width:100%;min-height:clamp(400px,55vh,550px)}.tshirt-container,.tshirt-display{display:flex;justify-content:center;align-items:center;transition:var(--standard-transition)}.tshirt-container{width:clamp(420px,50vw,520px);height:clamp(420px,50vh,520px);flex-direction:column;position:relative;perspective:1000px}.tshirt-image{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;transition:opacity .3s ease-in-out;display:block;margin:0 auto;transform-origin:center center}.product-info{position:absolute;bottom:-10px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.75);padding:8px 15px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 20px}.product-info,.product-name{transition:var(--standard-transition)}.product-name{font-weight:600;font-size:1.1rem;color:#333}.product-navigation{font-size:.9rem;color:#666;background:rgba(76,201,240,.1);padding:3px 8px;border-radius:20px;transition:var(--standard-transition)}.navigation-arrow{width:40px;height:40px;background-color:hsla(0,0%,100%,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navigation-arrow:hover{background-color:rgba(0,0,0,.2);transform:scale(1.05)}.button-container{display:flex;justify-content:center;margin-top:.5rem;margin-bottom:1.5rem;width:100%;transition:var(--standard-transition)}.button-text{font-size:2.2rem;font-weight:600;color:#000}.create-button:active{transform:scale(.98)}.category-tabs{display:inline-flex;gap:0;margin:0 auto 20px;animation:fadeInUp .5s ease-out;transition:opacity .3s ease;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:12px 16px 8px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1)}.category-tabs-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-tab,.category-tabs{position:relative}.category-tab{padding:12px 24px;background:transparent;border-radius:0;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;overflow:visible;color:#666;margin:0 8px;border:none;border-bottom:3px solid transparent}.category-tab:hover{color:#333}.category-tab.active{background:transparent;color:#333;font-weight:600;border-bottom:3px solid transparent;position:relative}.category-tabs:after{content:"";position:absolute;bottom:8px;height:3px;background:linear-gradient(135deg,#9d4edd,#4cc9f0);border-radius:2px;opacity:1;transition:left .6s ease,width .6s ease;transform-origin:left center}.category-tabs[style*="--underline-left"]:after{left:var(--underline-left)!important;width:var(--underline-width)!important}@keyframes underlineAccelDecel{0%{transform:scaleX(1) scaleY(1)}30%{transform:scaleX(1.2) scaleY(.8)}70%{transform:scaleX(1.1) scaleY(.9)}to{transform:scaleX(1) scaleY(1)}}.category-tabs.changing:after{animation:underlineAccelDecel .6s cubic-bezier(.25,.46,.45,.94)}.category-tabs[data-active=Men]:after{left:24px;width:40px}.category-tabs[data-active=Women]:after{left:96px;width:70px}.category-tabs[data-active=Kids]:after{left:198px;width:45px}.category-tabs[data-active=Accessories]:after{left:275px;width:110px}@keyframes expandWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.category-change{animation:categoryChange .3s ease-out}.animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;pointer-events:none;overflow:hidden}.animated-element{position:fixed;margin:0;padding:0;z-index:1000;pointer-events:none;opacity:1;transition:none;transform-origin:center center;will-change:transform,opacity,left,top}.animate-to-designer{transition:all 1.3s cubic-bezier(.22,1,.36,1)!important}.slide-left-out{animation:slideLeftOut 1.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideLeftOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100vw);opacity:0}}.morph-to-designer{animation:morphToDesigner 1.8s cubic-bezier(.22,1,.36,1) forwards}@keyframes morphToDesigner{0%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.animated-product{object-fit:contain;will-change:left,top,width,height,transform}.create-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.create-button:disabled:hover{transform:none;background:hsla(0,0%,100%,.75)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dialog-enter{animation:fadeInScale .3s ease-out forwards}@media (max-height:800px){.title{font-size:5rem}.subtitle{font-size:1.5rem;margin-bottom:.5rem}.tshirt-container{width:clamp(300px,40vw,380px);height:clamp(300px,40vh,380px);padding:20px}.category-tabs-container{margin:.5rem 0}.button-container{margin-bottom:2rem}}@media (max-height:667px){.title{font-size:4rem}.subtitle{font-size:1.25rem}.tshirt-container{width:clamp(280px,35vw,350px);height:clamp(280px,35vh,350px);padding:15px}.tshirt-image{max-height:100%}.navigation-arrow{width:35px;height:35px}}@keyframes emailPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:500}.confetti{position:absolute;width:8px;height:8px;animation:confettiFall linear infinite}.confetti-0{background:linear-gradient(45deg,#9d4edd,#4cc9f0);transform:rotate(45deg)}.confetti-1{background:#9d4edd;border-radius:50%}.confetti-2{background:#4cc9f0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.confetti-3{background:linear-gradient(135deg,#9d4edd,#4cc9f0);transform:rotate(30deg)}.confetti-4{background:#9d4edd;border-radius:2px;width:12px;height:4px}.confetti-5{background:#4cc9f0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti-streamer{position:absolute;width:2px;height:20px;background:linear-gradient(180deg,#9d4edd,#4cc9f0);animation:streamerFall linear infinite}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}10%{transform:translateY(20vh) rotate(90deg);opacity:1}90%{transform:translateY(120vh) rotate(2turn);opacity:1}to{transform:translateY(130vh) rotate(2turn);opacity:0}}@keyframes streamerFall{0%{transform:translateY(0) rotate(0deg);opacity:1}10%{transform:translateY(20vh) rotate(30deg);opacity:1}90%{transform:translateY(120vh) rotate(180deg);opacity:1}to{transform:translateY(130vh) rotate(180deg);opacity:0}}@keyframes confettiBurst0{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(20px,-30px) scale(1);opacity:1}to{transform:translate(40px,-60px) scale(0);opacity:0}}@keyframes confettiBurst1{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(-25px,-20px) scale(1);opacity:1}to{transform:translate(-50px,-40px) scale(0);opacity:0}}@keyframes confettiBurst2{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(30px,10px) scale(1);opacity:1}to{transform:translate(60px,20px) scale(0);opacity:0}}@keyframes confettiBurst3{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(-20px,25px) scale(1);opacity:1}to{transform:translate(-40px,50px) scale(0);opacity:0}}@keyframes confettiBurst4{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(15px,-35px) scale(1);opacity:1}to{transform:translate(30px,-70px) scale(0);opacity:0}}@keyframes confettiBurst5{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(-30px,-10px) scale(1);opacity:1}to{transform:translate(-60px,-20px) scale(0);opacity:0}}@keyframes confettiBurst6{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(25px,20px) scale(1);opacity:1}to{transform:translate(50px,40px) scale(0);opacity:0}}@keyframes confettiBurst7{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(-15px,30px) scale(1);opacity:1}to{transform:translate(-30px,60px) scale(0);opacity:0}}@keyframes localConfetti0{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) translate(40px,-60px) rotate(1turn);opacity:0}}@keyframes localConfetti1{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) translate(-35px,-45px) rotate(-270deg);opacity:0}}@keyframes localConfetti2{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) translate(50px,-30px) rotate(180deg);opacity:0}}@keyframes localConfetti3{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) translate(-40px,-70px) rotate(-180deg);opacity:0}}@keyframes localConfetti4{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) translate(30px,-80px) rotate(270deg);opacity:0}}@keyframes coneConfetti0{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-50%,-50%) translate(15px,-25px) rotate(90deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(60px,-100px) rotate(1turn) scale(0);opacity:0}}@keyframes coneConfetti1{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-50%,-50%) translate(-20px,-30px) rotate(-120deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-70px,-120px) rotate(-1turn) scale(0);opacity:0}}@keyframes coneConfetti2{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}25%{transform:translate(-50%,-50%) translate(25px,-15px) rotate(180deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(80px,-60px) rotate(2turn) scale(0);opacity:0}}@keyframes coneConfetti3{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}30%{transform:translate(-50%,-50%) translate(-30px,-20px) rotate(-90deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-90px,-80px) rotate(-540deg) scale(0);opacity:0}}@keyframes coneConfetti4{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}15%{transform:translate(-50%,-50%) translate(10px,-35px) rotate(45deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(40px,-140px) rotate(450deg) scale(0);opacity:0}}@keyframes coneConfetti5{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(0);opacity:1}25%{transform:translate(-50%,-50%) translate(-25px,-25px) rotate(-225deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-100px,-100px) rotate(-675deg) scale(0);opacity:0}}