:root{--background:215 31% 95%;--foreground:215 5% 10%;--card:215 31% 90%;--card-foreground:215 5% 15%;--popover:215 31% 95%;--popover-foreground:215 95% 10%;--primary:215 74% 51%;--primary-foreground:0 0% 100%;--secondary:215 30% 70%;--secondary-foreground:0 0% 0%;--muted:177 30% 85%;--muted-foreground:215 5% 40%;--accent:177 30% 80%;--accent-foreground:215 5% 15%;--destructive:0 50% 50%;--destructive-foreground:215 5% 90%;--border:215 30% 55%;--input:215 30% 50%;--ring:215 74% 51%;--radius:0.75rem;--hero-bg-image:url(/imgs/backgrounds/main-bg.webp);--hero-bg-fade-top:linear-gradient(0deg,transparent 40%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0.6) 85%,rgba(255,255,255,0.95));--hero-bg-fade-bottom:linear-gradient(180deg,transparent 45%,rgba(255,255,255,0.2) 65%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.8) 90%,hsl(215,31%,95%));--hero-text-shadow:none}.dark{--background:215 31% 10%;--foreground:215 5% 90%;--card:215 31% 10%;--card-foreground:215 5% 90%;--popover:215 31% 5%;--popover-foreground:215 5% 90%;--primary:215 74% 51%;--primary-foreground:0 0% 100%;--secondary:215 30% 20%;--secondary-foreground:0 0% 100%;--muted:177 30% 25%;--muted-foreground:215 5% 60%;--accent:177 30% 25%;--accent-foreground:215 5% 90%;--destructive:0 50% 50%;--destructive-foreground:215 5% 90%;--border:215 30% 50%;--input:215 30% 50%;--ring:215 74% 51%;--radius:0.75rem;--hero-bg-fade-top:linear-gradient(0deg,transparent 40%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0.6) 85%,rgba(0,0,0,0.95));--hero-bg-fade-bottom:linear-gradient(180deg,transparent 45%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0.8) 90%,hsl(215,31%,10%));--hero-text-shadow:0 2px 4px rgba(0,0,0,0.7)}.hero-bg-section{position:relative;background-image:var(--hero-bg-image);background-size:cover;background-position:center 30%;padding-bottom:3rem;overflow:hidden}.hero-bg-section:before{top:0;height:150px;background:var(--hero-bg-fade-top)}.hero-bg-section:after,.hero-bg-section:before{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}.hero-bg-section:after{bottom:0;height:350px;background:var(--hero-bg-fade-bottom)}.generator-container{position:relative;z-index:10}.hero-bg-section>.container h1{text-shadow:var(--hero-text-shadow);color:hsl(0 0% 100%)}.hero-bg-section>.container p{text-shadow:var(--hero-text-shadow);color:hsl(0 0% 95%)}.hero-bg-section>.container .text-muted-foreground,.hero-bg-section>.container .text-sm,.hero-bg-section>.container .text-xs,.hero-bg-section>.container small{color:hsl(0 0% 100%)!important;text-shadow:none;font-weight:500}.hero-bg-section .generator-container .text-muted-foreground,.hero-bg-section .generator-container .text-sm,.hero-bg-section .generator-container .text-xs,.hero-bg-section .generator-container h1,.hero-bg-section .generator-container h2,.hero-bg-section .generator-container h3,.hero-bg-section .generator-container h4,.hero-bg-section .generator-container label,.hero-bg-section .generator-container p,.hero-bg-section .generator-container small,.hero-bg-section .generator-container span,.hero-bg-section [id=generator] *,.hero-bg-section [id=generator] .text-muted-foreground,.hero-bg-section [id=generator] .text-sm,.hero-bg-section [id=generator] .text-xs,.hero-bg-section [id=generator] h1,.hero-bg-section [id=generator] h2,.hero-bg-section [id=generator] h3,.hero-bg-section [id=generator] h4,.hero-bg-section [id=generator] label,.hero-bg-section [id=generator] p,.hero-bg-section [id=generator] small,.hero-bg-section [id=generator] span{color:hsl(var(--foreground))!important;text-shadow:none!important;font-weight:400!important}.dark .hero-bg-section .text-muted-foreground,.dark .hero-bg-section .text-sm,.dark .hero-bg-section .text-xs,.dark .hero-bg-section small{color:hsl(0 0% 100%)!important;text-shadow:0 2px 5px rgba(0,0,0,.8);font-weight:600}.dark .generator-container .text-muted-foreground,.dark .generator-container .text-sm,.dark .generator-container .text-xs,.dark .generator-container small,.generator-container .text-muted-foreground,.generator-container .text-sm,.generator-container .text-xs,.generator-container small{color:hsl(var(--foreground))!important;text-shadow:none;font-weight:400}.hero-bg-section [data-description],.hero-bg-section [data-generator-hint],.hero-bg-section [data-info-text]{font-weight:500;text-shadow:none}.dark .hero-bg-section [data-description],.dark .hero-bg-section [data-generator-hint],.dark .hero-bg-section [data-info-text]{text-shadow:0 2px 5px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.5);font-weight:600;color:hsl(0 0% 100%)!important}.hero-bg-section .generator-container{background-color:hsla(0,0%,100%,.92);padding:1.25rem;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;max-width:1000px;margin:0 auto}.dark .hero-bg-section .generator-container{background-color:hsla(215,31%,12%,.92);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px rgba(0,0,0,.5)}.dark .generator-container h2,.dark .generator-container h3,.dark .generator-container h4{color:hsl(0 0% 95%)}.dark .generator-container label,.dark .generator-container p,.dark .generator-container span:not(.text-muted-foreground){color:hsl(0 0% 90%)}.dark .generator-container .text-muted-foreground{color:hsl(215 10% 70%)!important}.dark .generator-container input,.dark .generator-container select,.dark .generator-container textarea{background-color:hsla(215,31%,15%,.9);border-color:hsla(215,31%,50%,.4);color:hsl(0 0% 90%)}.dark .generator-container input:focus,.dark .generator-container select:focus,.dark .generator-container textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary),.3)}@media (max-width:768px){.hero-bg-section .generator-container{padding:1rem}}.generator-container .upload-area{aspect-ratio:1/1;max-height:280px;overflow:hidden}.generator-container textarea{min-height:100px;max-height:150px}.generator-container button{font-size:.875rem}.main-header{position:relative;z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid hsla(var(--border),.2);box-shadow:0 4px 15px rgba(0,0,0,.08)}.dark .main-header,.main-header{background-color:hsla(var(--background),.95)}.dark .main-header{box-shadow:0 4px 15px rgba(0,0,0,.2)}.main-header [data-radix-navigation-menu-trigger]{color:hsl(var(--foreground))}.main-header a.bg-primary,.main-header button.bg-primary{background-color:hsl(var(--primary));box-shadow:0 2px 8px rgba(0,0,0,.15)}.landing-hero-bg-section{position:relative;background-image:url(/imgs/backgrounds/light-bg1.webp);background-size:cover;background-position:50%;padding-bottom:3rem;overflow:hidden}.dark .landing-hero-bg-section{background-image:url(/imgs/backgrounds/light-bg1.webp);filter:brightness(.85) saturate(.9)}.landing-hero-bg-section:before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(0deg,transparent 40%,rgba(255,255,255,.2) 70%,rgba(255,255,255,.6) 85%,rgba(255,255,255,.95));pointer-events:none;z-index:1}.dark .landing-hero-bg-section:before{background:linear-gradient(0deg,transparent 40%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6) 85%,rgba(0,0,0,.95))}.landing-hero-bg-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:350px;background:linear-gradient(180deg,transparent 45%,rgba(255,255,255,.2) 65%,rgba(255,255,255,.5) 80%,rgba(255,255,255,.8) 90%,hsl(215,31%,95%));pointer-events:none;z-index:1}.dark .landing-hero-bg-section:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.8) 90%,hsl(215,31%,10%))}.landing-hero-content{position:relative;z-index:10}.landing-hero-bg-section .text-balance,.landing-hero-bg-section h1{color:hsl(215 74% 30%);text-shadow:none;font-weight:800}.dark .landing-hero-bg-section .text-balance,.dark .landing-hero-bg-section h1{color:hsl(215 80% 90%);text-shadow:none;font-weight:800}.landing-hero-bg-section .text-muted-foreground,.landing-hero-bg-section p{color:hsl(215 60% 25%);text-shadow:none;font-weight:500}.dark .landing-hero-bg-section .text-muted-foreground,.dark .landing-hero-bg-section p{color:hsl(215 70% 95%);text-shadow:none;font-weight:500}.landing-hero-bg-section a>button,.landing-hero-bg-section button{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15)}.dark .landing-hero-bg-section a>button,.dark .landing-hero-bg-section button{background-color:hsl(215 80% 60%);color:hsl(0 0% 100%);border:none;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15)}.landing-hero-bg-section a:nth-of-type(2)>button{background-color:hsl(0 0% 100%);color:hsl(var(--primary));border:1px solid hsl(var(--primary));box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .landing-hero-bg-section a:nth-of-type(2)>button{background-color:hsl(215 31% 25%);color:hsl(0 0% 100%);border:1px solid hsl(215 50% 70%);box-shadow:0 2px 8px rgba(0,0,0,.25)}.landing-hero-bg-section h1 .bg-gradient-to-r{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,hsl(215 74% 40%),hsl(215 74% 50%),hsl(215 74% 40%));font-weight:800}.dark .landing-hero-bg-section h1 .bg-gradient-to-r{background-image:linear-gradient(90deg,hsl(215 90% 80%),hsl(215 90% 90%),hsl(215 90% 80%))}.dark .landing-hero-bg-section [class*=star],.dark .landing-hero-bg-section [class*=user]{filter:brightness(1.2)}.dark .landing-hero-bg-section .text-sm,.dark .landing-hero-bg-section .text-xs,.dark .landing-hero-bg-section small{color:hsl(0 0% 95%)!important;font-weight:500}.dark .landing-hero-bg-section svg{filter:brightness(1.2) contrast(1.1)}.dark .landing-hero-bg-section .badge{background-color:hsl(215 70% 50%);color:hsl(0 0% 100%);font-weight:600}