body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color-rgb:246,193,43;--background:#000;--text-primary:#fff;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--navbar-height:92px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--transition-base:0.3s ease;--design-card-aspect-ratio:1/1;--design-card-border-radius:0.75rem;--design-card-overlay-bg:#0003;--design-card-overlay-blur:8px}.consistent-design-card{aspect-ratio:1/1;aspect-ratio:var(--design-card-aspect-ratio);background:#2c2b2b;background:var(--card-bg);border-radius:.75rem;border-radius:var(--design-card-border-radius);color:#fff;color:var(--text-primary);overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.consistent-design-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.consistent-design-card .design-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.consistent-design-card .design-image img{height:100%;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-base);width:100%}.consistent-design-card:hover .design-image img{transform:scale(1.05)}.consistent-design-card .design-info{backdrop-filter:blur(8px);backdrop-filter:blur(var(--design-card-overlay-blur));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--design-card-overlay-blur));background:#0003;background:var(--design-card-overlay-bg);bottom:0;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;transition:opacity .3s ease;transition:opacity var(--transition-base);width:100%;z-index:2}.consistent-design-card:hover .design-info{opacity:1}.consistent-design-card .design-name{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.consistent-design-card .designer-name{color:#f6c12b;color:var(--primary-color);font-size:.9rem;margin-bottom:.5rem}.consistent-design-card .designer-link{color:#f6c12b;color:var(--primary-color);font-weight:500;text-decoration:none}.consistent-design-card .designer-link:hover{text-decoration:underline}.consistent-design-card .design-location{color:#787878;color:var(--secondary-text);font-size:.85rem;font-style:italic;margin-bottom:.5rem}.consistent-design-card .design-date{color:#787878;color:var(--secondary-text);font-size:.8rem;margin-bottom:.75rem}.consistent-design-card .design-stats{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.consistent-design-card .vote-count{color:#ff6b6b;font-size:.9rem;font-weight:500}.consistent-design-card .rank-badge{border-radius:20px;box-shadow:0 2px 8px #0000004d;font-weight:700;padding:4px 12px;position:absolute;right:12px;top:12px;z-index:3}.consistent-design-card .rank-badge,.consistent-design-card .vote-btn{background:#f6c12b;background:var(--primary-color);color:#000;color:var(--background);font-size:.9rem}.consistent-design-card .vote-btn{border:none;border-radius:.75rem;border-radius:var(--border-radius);cursor:pointer;font-weight:500;margin-top:.5rem;padding:8px 16px;transition:all .3s ease;transition:all var(--transition-base);width:100%}.consistent-design-card .vote-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.consistent-design-card .vote-btn.voted{background:#666;color:#fff;color:var(--text-primary)}.consistent-design-card .vote-btn.your-design{background:#787878;background:var(--secondary-text);color:#fff;color:var(--text-primary);cursor:default;opacity:.8}.consistent-design-card .vote-btn.your-design:hover{filter:none;transform:none}@media (max-width:768px){.consistent-design-card .design-info{padding:1rem}.consistent-design-card .design-name{font-size:1.1rem}.consistent-design-card .designer-name{font-size:.85rem}}@media (max-width:480px){.consistent-design-card .design-info{padding:.75rem}.consistent-design-card .design-name{font-size:1rem}.consistent-design-card .designer-name{font-size:.8rem}}.page-header{margin-bottom:40px;text-align:center}.page-header h1{font-size:3rem}.page-header h1,.page-header h2{color:#f6c12b;color:var(--primary-color);font-weight:700;margin-bottom:16px}.page-header h2{font-size:2.5rem}.page-header p{font-size:1.2rem;max-width:600px}.page-header .subtitle,.page-header p{color:#787878;color:var(--secondary-text);margin:0 auto}.page-header .subtitle{font-size:1.1rem;font-weight:400;max-width:500px}@media (max-width:768px){.page-header h1{font-size:2.5rem}.page-header h2{font-size:2rem}.page-header p{font-size:1.1rem}.page-header .subtitle{font-size:1rem}}@media (max-width:480px){.page-header h1{font-size:2rem}.page-header h2{font-size:1.75rem}.page-header p{font-size:1rem}.page-header .subtitle{font-size:.9rem}}:root{--primary-color:#f6c12b;--secondary-text:#787878;--card-bg:#2c2b2b;--border-radius:0.75rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family)}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.navbar{padding:1rem 2rem}.logo{color:#f6c12b;color:var(--primary-color);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#f6c12b;color:var(--primary-color)}.signup-btn{background-color:#f6c12b;background-color:var(--primary-color);border-radius:.75rem;border-radius:var(--border-radius);color:#000!important;padding:.5rem 1rem}.hero{background:linear-gradient(#000000b3,#000000b3);padding:2rem}.hero h1{font-size:3.5rem;margin-bottom:1rem}.hero p{color:#787878;font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:#f6c12b;background-color:var(--primary-color);border-radius:.75rem;color:#000;font-size:1.1rem;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{box-shadow:0 4px 12px #f6c12b4d;transform:translateY(-2px)}section{padding:4rem 2rem}section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.ecoregions{background-color:#2c2b2b;background-color:var(--card-bg);text-align:center}.counter{color:#f6c12b;color:var(--primary-color);font-size:3rem;font-weight:700}.steps{gap:2rem}.step{background-color:#2c2b2b;border-radius:.75rem;padding:2rem}.step-number{background-color:#f6c12b;color:#000;margin:0 auto 1rem}.newsletter{background-color:#2c2b2b;background-color:var(--card-bg)}.signup-form{display:flex;gap:1rem;margin:0 auto;max-width:500px}.signup-form input{background-color:#ffffff1a;color:#fff;flex:1 1;padding:.8rem}.signup-form button,.signup-form input{border:none;border-radius:.75rem;border-radius:var(--border-radius)}.signup-form button{background-color:#f6c12b;background-color:var(--primary-color);color:#000;cursor:pointer;padding:.8rem 1.5rem}.footer{background-color:#2c2b2b;background-color:var(--card-bg);padding:2rem}.social-links{gap:2rem;margin-bottom:1rem}.social-links a{color:#787878;color:var(--secondary-text);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#f6c12b;color:var(--primary-color)}.legal{color:#787878;font-size:.9rem}@media (max-width:768px){.nav-links{display:none}.nav-links.active{background-color:#000000e6;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:block}.menu-toggle span{background-color:#fff;display:block;height:3px;margin:5px 0;transition:.3s;width:25px}.signup-form,.steps{flex-direction:column}}.navbar{align-items:center;background-color:#000000e6;color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.nav-item,.navbar-logo{text-shadow:0 1px 4px #000000b3}.navbar-logo{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-2xl);font-weight:700;text-decoration:none;transition:color var(--transition-base)}.logo-image{height:60px;max-width:200px;object-fit:contain;width:auto}.navbar-logo.active{color:var(--primary-color);filter:brightness(1.2)}.navbar-links{align-items:center;display:flex;gap:var(--spacing-md)}.nav-item{color:var(--text-primary);font-weight:500;position:relative;text-decoration:none;transition:color var(--transition-base)}.nav-item.active,.nav-item:hover{color:var(--primary-color)}.nav-item.active{font-weight:600}.nav-item.active:after{background-color:var(--primary-color);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}.nav-item.signup-btn{background-color:var(--primary-color);border-radius:var(--border-radius);color:var(--background);padding:var(--spacing-xs) var(--spacing-sm);text-shadow:none}.nav-item.signup-btn:hover{color:var(--background);filter:brightness(1.1)}.nav-item.signup-btn.active{background-color:var(--primary-color);color:var(--background);filter:brightness(1.2)}.nav-item.signup-btn.active:after{display:none}button.nav-item{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0}button.nav-item:after{display:none}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column}.menu-toggle span{background-color:var(--text-primary);height:2px;margin:3px 0;transition:all .3s ease;width:25px}@media (max-width:768px){.navbar-links{background-color:var(--background);border-bottom:1px solid var(--card-bg);display:none;flex-direction:column;left:0;padding:var(--spacing-md);position:absolute;right:0;top:var(--navbar-height)}.navbar-links.active{display:flex}.navbar-auth{flex-direction:column;margin-left:0;margin-top:var(--spacing-md)}.menu-toggle{display:flex}.nav-item.active:after{bottom:-2px}}.footer,.legal{background-color:var(--background);padding:var(--spacing-md);text-align:center}.legal{color:var(--secondary-text);font-size:var(--font-size-sm);margin:var(--spacing-md) calc(var(--spacing-md)*-1) calc(var(--spacing-md)*-1);max-width:none}.legal h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.legal h4,.legal p{margin-bottom:var(--spacing-sm)}.legal p{line-height:1.5}.legal p:last-child{margin-bottom:0}.footer-links{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.footer-links a{color:var(--secondary-text);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--primary-color)}.separator{color:var(--secondary-text);font-size:var(--font-size-sm)}.hero{align-items:center;background-color:var(--background);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-md);position:relative;text-align:center}.hero:before{background:url(/static/media/hero-camo.e0f6644d8d2710bd41ff.png) 50%/cover no-repeat;opacity:.18;z-index:1}.hero:after,.hero:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero:after{background:linear-gradient(to bottom,var(--background) 0,#0000 18%,#0000 82%,var(--background) 100%);z-index:2}.hero-content{max-width:800px;position:relative;z-index:3}.hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.hero p{color:var(--secondary-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:none;color:var(--background);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.02em;outline:none;overflow:hidden;padding:.75rem 2rem;position:relative;text-transform:uppercase;transition:background .2s,color .2s,box-shadow .2s;z-index:1}.button:after{background:linear-gradient(120deg,#fff0,#f6c12b40 50%,#fff0);content:"";height:100%;left:-60%;opacity:.7;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:60%}.button:focus:after,.button:hover:after{animation:sheen .7s cubic-bezier(.4,0,.2,1) 1;opacity:1}@keyframes sheen{0%{left:-60%;opacity:.7}60%{left:80%;opacity:1}to{left:120%;opacity:0}}.button:focus,.button:hover{background-color:var(--primary-color);box-shadow:0 4px 12px #f6c12b26;color:#000}.button.secondary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.button.secondary:focus,.button.secondary:hover{background:var(--primary-color);color:#000}.how-it-works{background-color:var(--background)!important;isolation:isolate;opacity:1!important;padding:var(--spacing-lg) var(--spacing-md);position:relative;z-index:10}.how-it-works h2{color:var(--text-primary)!important;font-size:var(--font-size-3xl)}.contest-info,.how-it-works h2{margin-bottom:var(--spacing-lg);opacity:1!important;position:relative;text-align:center;z-index:11}.contest-info{color:var(--secondary-text);line-height:1.6;margin-left:auto;margin-right:auto;max-width:800px}.steps{gap:var(--spacing-md);justify-content:space-around;margin:0 auto;max-width:1200px;z-index:11}.step,.steps{display:flex;opacity:1!important;position:relative}.step{align-items:center;background-color:var(--card-bg);border:none;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;flex:1 1;flex-direction:column;overflow:hidden;padding:var(--spacing-md);text-align:center;transition:all .3s ease;z-index:12}.step:hover{box-shadow:0 8px 25px #00000040;transform:translateY(-4px)}.step-number{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:none;color:var(--background);display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto var(--spacing-sm);text-shadow:none;width:40px}.step h3,.step-number{opacity:1!important;position:relative;z-index:13}.step h3{color:var(--text-primary)!important;font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.step p{color:var(--secondary-text)}.howitworks-img,.step p{opacity:1!important;position:relative;z-index:13}.howitworks-img{aspect-ratio:1/1;border:none;border-radius:1.2rem;box-shadow:0 4px 24px #00000026,0 2px 8px #0000001a;display:block;margin-top:var(--spacing-md);max-width:320px;object-fit:cover;transition:all .3s ease;width:100%}.howitworks-img:hover{box-shadow:0 8px 32px #0003,0 4px 16px #00000026;transform:scale(1.02)}@media (max-width:900px){.steps{flex-direction:column}.howitworks-img{max-width:90vw}}@media (max-width:768px){.steps{flex-direction:column}}.cta-container{margin-top:var(--spacing-xl);opacity:1!important;padding-top:var(--spacing-lg);position:relative;text-align:center;z-index:11}.ecoregion-callout{align-items:center;background:#0000;border-radius:var(--border-radius);gap:var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md)}.ecoregion-callout,.ecoregion-callout__content{display:flex;font-family:var(--font-family);justify-content:center}.ecoregion-callout__content{align-items:flex-start;color:var(--text-primary);flex:1 1;flex-direction:column;min-width:320px}.ecoregion-callout__content h2{color:var(--text-primary);font-family:var(--font-family);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md)}.ecoregion-callout__content p{color:var(--text-primary);font-family:var(--font-family);font-size:2.2rem;line-height:1.2;margin-bottom:var(--spacing-lg)}.ecoregion-callout__image{align-items:center;display:flex;flex:1 1;justify-content:center}.ecoregion-callout__image img{max-width:100%}.ecoregion-callout__image img,.ecoregion-callout__image video{background:none;border-radius:var(--border-radius);box-shadow:none;height:auto}.ecoregion-callout__image video{aspect-ratio:1/1;max-width:400px;object-fit:cover;width:100%}.ecoregion-callout__button{display:none}@media (max-width:900px){.ecoregion-callout{flex-direction:column;gap:var(--spacing-md);text-align:center}.ecoregion-callout__content{align-items:center;min-width:0}.ecoregion-callout__content p{margin-bottom:0}.ecoregion-callout__button,.ecoregion-callout__image{margin-top:var(--spacing-md)}.ecoregion-callout__button{display:block}.ecoregion-callout__content h2{font-size:2.5rem}.ecoregion-callout__content p{font-size:1.3rem}}.join-cult-section{background:var(--background);overflow:hidden;padding:var(--spacing-lg) 0;position:relative}.join-cult-section:before{background:linear-gradient(135deg,#f6c12b08,#0000 50%,#f6c12b08);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.join-cult-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);position:relative;z-index:2}.join-cult-header{margin-bottom:var(--spacing-lg);text-align:center}.join-cult-header h2{color:var(--primary-color);font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:3px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.join-cult-subtitle{color:var(--secondary-text);font-size:var(--font-size-lg);font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.ideology-list{margin:0 auto;max-width:800px}.ideology-item{align-items:flex-start;border-radius:var(--border-radius);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ideology-bullet{align-items:center;background:linear-gradient(135deg,var(--primary-color),#f6c12bcc);border-radius:50%;box-shadow:0 4px 12px #f6c12b33;color:var(--background);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.ideology-bullet svg{height:24px;width:24px}.ideology-content{flex:1 1}.ideology-content h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.ideology-content p{color:var(--secondary-text);font-size:var(--font-size-base);font-weight:400;line-height:1.7;margin:0}@media (max-width:768px){.join-cult-section{padding:var(--spacing-md) 0}.join-cult-header h2{font-size:var(--font-size-2xl);letter-spacing:2px}.join-cult-subtitle{font-size:var(--font-size-base)}.ideology-item{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.ideology-bullet{align-self:center;height:40px;width:40px}.ideology-bullet svg{height:20px;width:20px}.ideology-content h3{font-size:var(--font-size-lg)}}@media (max-width:480px){.join-cult-container{padding:0 var(--spacing-sm)}.ideology-item{padding:var(--spacing-sm)}.ideology-content h3{font-size:var(--font-size-base)}.ideology-content p{font-size:var(--font-size-sm)}}.trophy-club{background-color:var(--background);color:var(--text-primary);padding:var(--spacing-lg) var(--spacing-md)}.trophy-club-content{margin:0 auto;max-width:1200px;text-align:center}.trophy-club h2{color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.trophy-club p{color:var(--secondary-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:600px}.trophy-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.trophy-card{aspect-ratio:1;background-color:var(--card-bg);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-base)}.trophy-card:hover{box-shadow:0 8px 24px #f6c12b26;transform:translateY(-4px)}.trophy-image{flex:1 1;overflow:hidden;position:relative}.trophy-image img{height:100%;object-fit:cover;transition:var(--transition-base);width:100%}.trophy-card:hover .trophy-image img{transform:scale(1.05)}.trophy-info{background-color:var(--card-bg);display:flex;flex-direction:column;gap:.25rem;padding:var(--spacing-sm)}.trophy-date{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:800;letter-spacing:.5px;text-transform:uppercase}.trophy-pattern{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.trophy-designer{color:var(--secondary-text);font-size:var(--font-size-sm);font-weight:500}.vote-now-card{background-color:#f6c12b0d;border:2px solid var(--primary-color)}.vote-now-placeholder{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vote-now-placeholder:after{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.vote-now-text{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:800;letter-spacing:1px;position:relative;text-align:center;text-transform:uppercase;z-index:2}.vote-now-card:hover{box-shadow:0 8px 24px #f6c12b26}@media (max-width:768px){.trophy-grid{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.trophy-club{padding:var(--spacing-md) var(--spacing-sm)}.trophy-club h2{font-size:var(--font-size-2xl)}.trophy-club p,.trophy-date{font-size:var(--font-size-base)}.trophy-pattern{font-size:var(--font-size-sm)}.trophy-designer{font-size:var(--font-size-xs)}.vote-now-text{font-size:var(--font-size-lg)}}.newsletter{background:var(--background);margin-top:-20px;padding:var(--spacing-lg) var(--spacing-md);padding-top:calc(var(--spacing-lg) + 20px)}.newsletter-container{margin:0 auto;max-width:800px;text-align:center}.newsletter h2{color:var(--primary-color);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:2px;margin-bottom:var(--spacing-sm);text-align:center;text-transform:uppercase}.newsletter-subtitle{color:var(--secondary-text);font-size:var(--font-size-lg);font-weight:400;line-height:1.6;margin-bottom:var(--spacing-lg)}.newsletter-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.newsletter-info{margin:0 auto;max-width:600px}.newsletter-info p{color:var(--text-primary);font-size:var(--font-size-base);font-weight:400;line-height:1.7;margin:0}.social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:0}.social-link{color:var(--secondary-text);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:color var(--transition-base)}.social-link:hover{color:var(--primary-color)}.newsletter-cta{margin-top:var(--spacing-md)}.cta-button{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--background);cursor:pointer;font-size:var(--font-size-base);font-weight:600;letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:none!important}.cta-button,.cta-button:hover{box-shadow:none!important;transform:none!important}.cta-button:hover{background:var(--primary-color)!important}@media (max-width:768px){.newsletter{margin-top:-10px;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 10px)}.newsletter h2{font-size:var(--font-size-2xl);letter-spacing:1px}.newsletter-subtitle{font-size:var(--font-size-base)}.social-links{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.social-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.newsletter-container{padding:0 var(--spacing-sm)}.social-links{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.social-link{font-size:var(--font-size-sm);min-width:auto;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}}body,html{color:var(--text-primary);font-family:var(--font-family);height:100%;margin:0;padding:0}.auth-container,body,html{background-color:var(--background)}.auth-container{display:flex;min-height:100vh;padding-top:calc(var(--navbar-height) + 2rem)}.auth-form-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:var(--spacing-lg)}.auth-logo{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg)}.auth-title{font-size:var(--font-size-4xl);font-weight:700;text-transform:uppercase}.auth-form,.auth-title{margin-bottom:var(--spacing-md)}.auth-form{width:100%}.auth-input-group{margin-bottom:var(--spacing-md)}.auth-input-group label{color:var(--secondary-text);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.auth-input-group input{background-color:var(--card-bg);border:1px solid var(--secondary-text);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm);width:100%}.auth-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #f6c12b4d;outline:none}.auth-checkbox-group{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.auth-checkbox-group label{color:var(--secondary-text);font-size:var(--font-size-sm)}.auth-checkbox-group a{color:var(--primary-color);text-decoration:underline}.auth-button{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-base);width:100%}.auth-button.primary{background-color:var(--primary-color);color:var(--background)}.auth-button.primary:hover{filter:brightness(1.1)}.auth-button.google{align-items:center;background-color:initial;border:1px solid var(--secondary-text);color:var(--text-primary);display:flex;gap:var(--spacing-sm);justify-content:center}.auth-button.google:hover{background-color:var(--card-bg);border-color:var(--primary-color)}.auth-redirect-link{color:var(--secondary-text);font-size:var(--font-size-sm);text-align:center}.auth-redirect-link a{color:var(--primary-color);font-weight:700;text-decoration:none}.auth-message{border-radius:var(--border-radius);font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.auth-message.success{background-color:#28a74533;border:1px solid #28a745;color:#28a745}.auth-message.error{background-color:#dc354533;border:1px solid #dc3545;color:#dc3545}.auth-image-wrapper{align-items:center;background-color:var(--background);display:flex;flex:1 1;justify-content:center;padding:var(--spacing-lg);position:relative}.auth-image-wrapper:after{background:radial-gradient(ellipse at center,#0000 40%,#000 80%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-image-wrapper img{max-height:100%;max-width:100%;object-fit:contain}@media (max-width:900px){.auth-container{flex-direction:column}.auth-image-wrapper{display:none}.auth-form-wrapper{padding:var(--spacing-md)}}.profile-container{color:var(--text-primary);font-family:var(--font-family);margin:0 auto var(--spacing-lg) auto;max-width:1200px;padding:var(--spacing-md);padding-top:calc(var(--navbar-height) + 2rem)}.update-profile-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--background);cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.update-profile-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.profile-display-name-link{border-bottom:1px solid #0000;color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition-base)}.profile-display-name-link:hover{border-bottom-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.designs-section{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;margin-bottom:var(--spacing-lg);margin-top:0;padding:var(--spacing-lg)}.designs-section h3{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);position:relative;text-align:center}.designs-section h3:after{background-color:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.designs-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.design-card{aspect-ratio:1;background-color:var(--background);border:none!important;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000026;cursor:pointer;outline:none!important;padding:0;transition:all .3s ease}.design-card:hover{box-shadow:0 8px 25px #00000040}.create-design-card{aspect-ratio:1/1!important;background-position:50%;background-size:cover;border:2px dashed var(--primary-color)!important;border-radius:var(--border-radius);color:var(--primary-color);height:auto;min-height:300px;overflow:hidden;padding:var(--spacing-lg);text-align:center}.create-design-card,.create-design-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.create-design-content{height:100%;z-index:2}.create-design-card:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--transition-base);z-index:1}.create-design-card:hover:after{background-color:#0003}.create-design-card:hover{background-color:rgba(var(--primary-color-rgb),.15);border-color:var(--primary-color)!important}.create-design-icon,.create-design-subtext,.create-design-text{color:var(--text-primary);position:relative;z-index:2}.create-design-icon{color:var(--primary-color);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);opacity:.9}.create-design-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.create-design-subtext{color:var(--secondary-text);font-size:var(--font-size-base);opacity:.8}.design-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .3s ease;width:100%}.design-card:hover .design-preview{transform:scale(1.05)}.design-info{background:linear-gradient(180deg,#0000,#000000f2 90%);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm);text-align:left;transition:opacity .3s ease;width:100%}.design-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-date,.design-title{color:var(--text-primary);text-shadow:0 1px 3px #00000080}.design-date{font-size:var(--font-size-sm);opacity:.8}.empty-designs{color:var(--secondary-text);padding:var(--spacing-xl);text-align:center}.empty-designs-text{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.empty-designs-subtext{font-size:var(--font-size-base);opacity:.8}.profile-field{margin-bottom:var(--spacing-md)}.profile-field label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.editable-field{align-items:center;background-color:var(--background);border:1px solid var(--secondary-text);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:var(--spacing-sm);transition:var(--transition-base)}.editable-field:hover{background-color:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color)}.editable-field span:first-child{color:var(--text-primary);font-weight:500}.editable-field span:first-child:empty:before{color:var(--secondary-text);content:"Click to add";font-style:italic}.edit-icon{font-size:var(--font-size-sm);opacity:.6;transition:var(--transition-base)}.editable-field:hover .edit-icon{opacity:1}.static-field{align-items:center;background-color:#2a2a2a;border:1px solid var(--secondary-text);border-radius:var(--border-radius);color:var(--secondary-text);cursor:not-allowed;display:flex;font-weight:500;min-height:44px;padding:var(--spacing-sm)}.edit-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-field input{background-color:var(--background);border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm);width:100%}.edit-field input:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.edit-actions{display:flex;gap:var(--spacing-sm)}.save-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--background);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base)}.save-btn:hover{filter:brightness(1.1)}.cancel-btn{background-color:initial;border:1px solid var(--secondary-text);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base)}.cancel-btn:hover{background-color:var(--secondary-text);color:var(--background)}.communication-preference{align-items:flex-start;border-top:1px solid var(--secondary-text);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md) 0}.preference-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.preference-info p{color:var(--secondary-text);font-size:var(--font-size-sm);line-height:1.4;margin:0}.toggle-container{align-items:flex-start;display:flex;margin-top:2px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--secondary-text);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-base)}.toggle-slider:before{background-color:var(--background);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.update-message{background-color:rgba(var(--primary-color-rgb),.1);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-weight:500;margin:var(--spacing-md) 0;padding:var(--spacing-sm);text-align:center}.profile-details{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.profile-details h3{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.profile-details-content{padding-top:var(--spacing-md)}.bottom-design-section{margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.bottom-design-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--background);cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.bottom-design-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:768px){.profile-container{max-width:100%;padding:var(--spacing-sm);padding-top:calc(var(--navbar-height) + 2rem)}.designs-grid{gap:var(--spacing-md);grid-template-columns:1fr}.consistent-design-card,.create-design-card,.design-card{aspect-ratio:1/1!important;height:auto;min-height:300px;width:100%}.create-design-card{order:-1}.designs-section h3{font-size:var(--font-size-lg);text-align:left}.designs-section h3:after{left:0;transform:none}.create-design-card .create-design-content{align-items:center;height:100%;justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.profile-container{padding-top:calc(var(--navbar-height) + 1.5rem)}.designs-section,.profile-details{padding:var(--spacing-md)}.designs-grid{gap:var(--spacing-sm)}.consistent-design-card,.create-design-card,.design-card{aspect-ratio:1/1!important;min-height:250px;padding:var(--spacing-md)}.create-design-card,.create-design-card .create-design-content{align-items:center;display:flex;justify-content:center;text-align:center}.create-design-card .create-design-content{flex-direction:column;height:100%;padding:var(--spacing-md);width:100%}.create-design-icon{font-size:var(--font-size-2xl)}.create-design-text{font-size:var(--font-size-base);text-align:center;width:100%}.create-design-subtext{font-size:var(--font-size-sm);text-align:center;width:100%}}.design-page{color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;padding-top:calc(var(--navbar-height) + 2rem)}.monthly-submission-section{align-items:center;background:#ffffff0d;border-radius:16px;display:flex;flex-direction:column;margin-bottom:3rem;padding:2rem}.monthly-submission-section h2{color:#fff;font-size:2rem;margin-bottom:1.5rem;text-align:center}.user-monthly-design{margin:0 auto;max-width:500px;width:100%}.design-card{aspect-ratio:1/1;border-radius:12px;color:inherit;display:block;margin:0 auto;max-width:500px;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-base)}.design-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.design-image{height:100%;overflow:hidden;position:relative;width:100%}.design-image img{height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.design-card:hover .design-image img{transform:scale(1.05)}.design-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.design-name{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.designer-name{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.designer-link{font:inherit}.designer-link:hover{color:gold}.design-date,.design-location{color:#aaa;font-size:.8rem;margin-bottom:.5rem}.design-stats{align-items:center;display:flex;gap:.5rem}.vote-count{color:#ff6b6b;font-size:.9rem;font-weight:500}.user-monthly-design .design-card{aspect-ratio:1/1;background-color:initial;border:none;box-shadow:none;max-height:none;padding:0;position:relative}.user-monthly-design .design-image{overflow:hidden;position:relative}.user-monthly-design .camo-image,.user-monthly-design .environment-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease;width:100%}.user-monthly-design .environment-image{opacity:0}.user-monthly-design .design-card:hover .environment-image{opacity:1}.user-monthly-design .design-card:hover .camo-image{opacity:0}.user-monthly-design .design-card:hover{border-color:#0000;box-shadow:none;transform:none}.user-monthly-design .design-image{height:100%;left:0;max-height:none;min-height:0;min-height:auto;position:absolute;top:0;width:100%;z-index:1}.user-monthly-design .design-card:hover .design-image img,.user-monthly-design .design-image img{transform:none}.user-monthly-design .design-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0003;bottom:0;left:0;padding:1.5rem;position:absolute;right:0;width:100%;z-index:2}.submission-actions{margin-top:1rem;text-align:center}.submission-status{color:#4ade80;font-weight:500;margin-bottom:1rem}.create-another-btn{background:var(--primary-color);border-radius:var(--border-radius);color:var(--background);display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.create-another-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.design-tools-section{background:#ffffff0d;border-radius:16px;margin-bottom:3rem;padding:2rem}.design-tools-section h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tools-grid .tool-card{grid-column:auto}.tool-card{background:#ffffff14;border-radius:12px;padding:1.5rem}.tool-card h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.tool-card p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.design-guidelines-section{background:#ffffff14;border-radius:12px;grid-column:1/-1;padding:1.5rem}.design-guidelines-section h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.guidelines-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guideline-item{background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.guideline-item h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.guideline-item p{color:#ccc;line-height:1.6;margin:0}.tool-link{background:var(--primary-color);border-radius:var(--border-radius);color:var(--background);display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.tool-link:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-prompt{align-items:center;background-position:50%;background-size:cover;border-radius:12px;display:flex;flex-direction:column;justify-content:center;max-width:500px;min-height:300px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;width:100%}.create-prompt:after{background-color:#0009;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.create-prompt>*{position:relative;z-index:2}.create-prompt h3{color:#f6c12b;font-size:1.5rem;margin-bottom:1rem}.create-prompt p{color:#fff;margin-bottom:2rem}.create-design-btn{background:linear-gradient(45deg,#f6c12b,gold);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.create-design-btn:hover{box-shadow:0 8px 25px #f6c12b4d;color:#000;text-decoration:none;transform:translateY(-2px)}.create-design-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:16px;max-width:500px;padding:2rem;width:90%}.modal-content h3{color:#f6c12b}.form-group,.modal-content h3{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f6c12b;box-shadow:0 0 0 2px #f6c12b33;outline:none}.form-group textarea{min-height:100px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s ease}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-btn:hover{background:#fff3}.designs-gallery{margin-top:3rem}.gallery-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:100%}.gallery-column h3{color:#f6c12b;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.designs-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.design-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:12px;color:#ccc;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.design-placeholder p{margin:.5rem 0}.design-placeholder p:first-child{color:#fff;font-size:1.1rem;font-weight:500}.design-placeholder p:last-child{color:#aaa;font-family:monospace;font-size:.9rem}.design-page-loading,.loading{color:#ccc;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.design-page{padding:1rem;padding-top:calc(var(--navbar-height) + 3rem)}.monthly-submission-section{padding:1.5rem}.user-monthly-design .design-card,.user-monthly-design .design-image{max-height:none}.designs-list,.gallery-columns{gap:1rem;grid-template-columns:1fr}.design-image{min-height:200px}.modal-content{padding:1.5rem;width:95%}.form-actions{flex-direction:column}}@media (max-width:480px){.design-page{padding-top:calc(var(--navbar-height) + 2rem)}.monthly-submission-section h2{font-size:1.5rem}.gallery-column h3{font-size:1.2rem}.design-image{min-height:180px}.design-info{padding:.75rem}.design-name{font-size:1rem}}@media (min-width:1200px){.designs-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.design-image{min-height:300px}}.gallery-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:calc(var(--navbar-height) + 2rem) 20px 40px}.gallery-controls{justify-content:center;margin-bottom:40px}.filter-controls,.gallery-controls,.sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.sort-toggle{background:var(--card-bg);border:none;border-radius:25px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:120px;padding:8px 16px;text-align:center;transition:all var(--transition-base);width:120px}.sort-toggle:hover{background:#f6c12b1a}.filter-controls{gap:20px}.filter-group{align-items:center;display:flex;gap:0}.filter-controls select option,.sort-controls select option{background:var(--card-bg);border:none;border-radius:8px;color:var(--text-primary);margin:2px 0;padding:8px 16px;text-align:center!important;text-align-last:center;-webkit-text-align-last:center;-moz-text-align-last:center}.filter-controls select option:checked,.sort-controls select option:checked{text-align:center!important;text-align-last:center!important}.filter-controls select:focus,.sort-controls select:focus{border:none}.filter-controls select,.sort-controls select{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;outline:none}.filter-controls select:focus::-ms-expand,.sort-controls select:focus::-ms-expand{display:none}.filter-controls select:focus,.sort-controls select:focus{box-shadow:none}.filter-controls select option::-webkit-scrollbar,.sort-controls select option::-webkit-scrollbar{background:#0000;width:0}.filter-controls select,.sort-controls select{background-image:none;padding-right:16px}.filter-controls select,.sort-controls select{-webkit-appearance:none!important;appearance:none!important;background:var(--card-bg);background-image:none;border:none!important;border-radius:25px;box-shadow:none!important;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:120px;outline:none!important;padding:8px 16px;text-align:center;transition:all var(--transition-base)}.filter-controls select:active,.filter-controls select:focus,.sort-controls select:active,.sort-controls select:focus{border:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;outline:none!important}.filter-controls select *,.sort-controls select *{border:none!important;box-shadow:none!important;outline:none!important}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown-button{background:var(--card-bg);border:none;border-radius:25px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:120px;padding:8px 16px;text-align:center;transition:all var(--transition-base);width:120px}.custom-dropdown-button:hover{background:#f6c12b1a}.custom-dropdown-list{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000004d;left:0;margin-top:4px;min-width:120px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-option{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:8px 16px;text-align:center;transition:all var(--transition-base);width:100%}.custom-dropdown-option:hover{background:#f6c12b1a}.custom-dropdown-option.selected{background:none;color:var(--primary-color);font-weight:500}.custom-dropdown:focus-within .custom-dropdown-list{display:block}.designer-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;margin:0;padding:0}.designer-link:hover{text-decoration:underline}.filter-controls select:hover,.sort-controls select:hover{background:#f6c12b1a}.filter-controls select:focus,.sort-controls select:focus{background:#f6c12b1a;outline:none}.designs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.load-more-container{margin-top:40px;text-align:center}.load-more-btn{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 32px;transition:all var(--transition-base)}.load-more-btn:hover{background:var(--primary-color);color:var(--background)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.no-designs{color:var(--secondary-text);padding:60px 20px}.no-designs p{font-size:1.1rem;margin-bottom:8px}.reset-filters-btn{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;margin-top:16px;padding:12px 24px;transition:all var(--transition-base)}.reset-filters-btn:hover{background:var(--primary-color);color:var(--background)}.gallery-page-loading{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@media (max-width:768px){.gallery-page{padding:100px 16px 32px}.gallery-controls{flex-direction:column;gap:20px}.filter-controls,.gallery-controls{align-items:center;justify-content:center}.filter-controls{flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.filter-group{align-items:center;flex:1 1;flex-direction:row;gap:0;min-width:0}.filter-controls select{flex:1 1;min-width:120px;width:100%}.sort-toggle{min-width:140px;width:140px}.custom-dropdown{flex:1 1;min-width:0}.custom-dropdown-button,.custom-dropdown-list{min-width:120px;width:100%}.designs-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.design-image{height:200px}}@media (max-width:480px){.gallery-controls{gap:16px}.filter-controls{flex-wrap:nowrap;gap:8px;justify-content:center;width:100%}.filter-group{flex-shrink:0;flex:1 1;gap:0;min-width:0}.filter-controls select{flex:1 1;min-width:100px;width:100%}.sort-toggle{min-width:120px;width:120px}.custom-dropdown{flex:1 1;min-width:0}.custom-dropdown-button,.custom-dropdown-list{min-width:100px;width:100%}.designs-grid{gap:16px;grid-template-columns:1fr}.design-info{padding:16px}}.create-design-page{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;padding-top:calc(var(--navbar-height) + 2rem)}.message{background:#f6c12b1a;border:1px solid #f6c12b;border-radius:8px;color:#f6c12b;margin-bottom:2rem;padding:1rem;text-align:center}.step-content{background:#ffffff0d;border-radius:16px;padding:2rem}.step-content h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.upload-section{margin-bottom:3rem}.upload-section h3{color:#f6c12b;font-size:1.5rem;margin-bottom:1rem}.upload-section p{color:#ccc;margin-bottom:1.5rem}.file-upload-area{align-items:center;animation:subtle-pulse 3s ease-in-out infinite;background-position:50%;background-size:cover;border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:250px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease;z-index:2}.file-upload-area:after{background-color:#0009;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:1}.file-upload-area:hover:after{background-color:#0006}@keyframes subtle-pulse{0%{background-color:#0009}50%{background-color:#0006}to{background-color:#0009}}.file-upload-area:after{animation:subtle-pulse 3s ease-in-out infinite}.file-upload-area>*{position:relative;z-index:2}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:#f6c12b;font-size:3rem}.upload-placeholder p{color:#fff}.upload-hint{color:#ccc;font-size:.9rem}.uploaded-photo{align-items:center;display:flex;flex-direction:column;gap:1rem}.uploaded-photo img{border-radius:8px;max-height:200px;max-width:300px;object-fit:cover}.uploaded-photo p{color:#f6c12b;font-weight:500}.location-section{margin-bottom:3rem}.location-section h3{color:#f6c12b;font-size:1.5rem;margin-bottom:1rem}.location-section p{color:#ccc;margin-bottom:1.5rem}.location-inputs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-weight:500}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:#f6c12b;box-shadow:0 0 0 2px #f6c12b33;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.5}.form-group select option{background-color:#2a2a2a;color:#fff;padding:.5rem}.form-group select option:checked,.form-group select option:hover{background-color:#f6c12b;color:#000}.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .3s ease}.form-group textarea:focus{border-color:#f6c12b;box-shadow:0 0 0 2px #f6c12b33;outline:none}.form-group textarea::placeholder{color:#888}.input-hint{color:#888;font-size:.8rem;margin-top:.25rem}.description-display{background:#f6c12b1a;border-left:3px solid #f6c12b;border-radius:8px;margin-top:1rem;padding:.75rem}.description-display strong{color:#f6c12b;display:block;margin-bottom:.5rem}.description-display p{color:#fff;line-height:1.4;margin:0}.design-selection{margin-bottom:2rem}.design-selection h3{color:#f6c12b;margin-bottom:.5rem;text-align:center}.design-selection>p{color:#ccc;margin-bottom:2rem;text-align:center}.design-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.comparison-item{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.comparison-item.selected{background:#f6c12b1a;border-color:#f6c12b;box-shadow:0 0 20px #f6c12b33}.comparison-item h4{color:#f6c12b;font-size:1.2rem;margin-bottom:1rem}.comparison-item img{aspect-ratio:1/1;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;object-fit:cover;width:100%}.comparison-item p{color:#ccc;font-size:.9rem;margin-bottom:1rem}.select-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.select-btn:hover{background:#f6c12b33;border-color:#f6c12b;color:#f6c12b}.select-btn.selected{background:#f6c12b;border-color:#f6c12b;color:#000}.select-btn.selected:hover{background:#e6b13a}.environment-reference{background:#ffffff0d;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.environment-reference h4{color:#f6c12b;margin-bottom:1rem}.environment-reference img{border:1px solid #ffffff1a;border-radius:8px;height:150px;margin-bottom:1rem;object-fit:cover;width:200px}.environment-reference p{color:#ccc;margin-bottom:1rem}.loading-section{padding:3rem 1rem}.loading-spinner{border-top-color:#f6c12b;margin:0 auto 1rem}.loading-hint{color:#888;margin-top:.5rem}.design-summary{margin-bottom:2rem}.design-details{background:#ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem;text-align:left}.design-details p{color:#ccc;margin-bottom:.5rem}.design-details strong{color:#f6c12b}.name-section{margin-bottom:2rem}.name-section h3{color:#f6c12b;font-size:1.3rem;margin-bottom:1rem}.error-section{background:#ff00001a;border:1px solid #ff00004d;border-radius:12px;padding:2rem;text-align:center}.error-section p{color:#ff6b6b;margin-bottom:1rem}.step-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.back-btn,.next-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.back-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.back-btn:hover{background:#fff3}.next-btn,.submit-btn{background:linear-gradient(45deg,#f6c12b,gold);color:#000}.next-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #f6c12b4d;transform:translateY(-2px)}.next-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.search-container{position:relative;width:100%}.search-container input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.search-container input:focus{border-color:#f6c12b;box-shadow:0 0 0 2px #f6c12b33;outline:none}.search-container input::placeholder{color:#888}.dropdown{background:#2a2a2a;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.dropdown::-webkit-scrollbar-thumb{background:#f6c12b80;border-radius:3px}.dropdown::-webkit-scrollbar-thumb:hover{background:#f6c12bb3}.dropdown div{border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;padding:.75rem 1rem;transition:all .2s ease}.dropdown div:last-child{border-bottom:none}.dropdown div:hover{background:#f6c12b33;color:#f6c12b}.dropdown div:active{background:#f6c12b4d}.search-container.disabled input{background:#ffffff05;cursor:not-allowed;opacity:.5}.search-container.disabled input::placeholder{color:#666}@media (max-width:768px){.create-design-page{padding:1rem;padding-top:calc(var(--navbar-height) + 3rem)}.location-inputs{gap:1rem;grid-template-columns:1fr}.design-comparison{gap:1.5rem;grid-template-columns:1fr}.step-actions{flex-direction:column}.step-content{padding:1.5rem}.dropdown{max-height:150px}.dropdown div{font-size:.9rem;padding:.6rem .8rem}.comparison-item{padding:1.5rem}.comparison-item img{height:250px}.environment-reference img{height:120px;max-width:300px;width:100%}}@media (max-width:480px){.create-design-page{padding-top:calc(var(--navbar-height) + 2rem)}.step-content h2{font-size:1.5rem}.location-section h3,.upload-section h3{font-size:1.2rem}}.design-toggles-section{background:#ffffff0d;border-radius:16px;margin:2rem 0;padding:2rem}.design-elements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.design-elements-header h3{color:#f6c12b;font-size:1.5rem;margin:0}.toggle-design-elements-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-design-elements-btn:hover{background:#ffffff26;border-color:#ffffff4d}.toggle-design-elements-btn.enabled{background:#f6c12b33;border-color:#f6c12b;color:#f6c12b}.toggle-design-elements-btn.enabled:hover{background:#f6c12b4d}.design-toggles-section h3{color:#f6c12b;font-size:1.5rem;margin:0 0 .5rem}.design-toggles-section p{color:#ccc;font-size:.9rem;margin:0 0 1.5rem}.toggles-header{display:flex;justify-content:flex-start;margin-bottom:1.5rem}.reset-toggles-btn{background:#f6c12b1a;border:1px solid #f6c12b;border-radius:8px;color:#f6c12b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.reset-toggles-btn:hover{background:#f6c12b33;box-shadow:0 0 0 2px #f6c12b33}.toggles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.toggle-item{background:#ffffff08;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:all .3s ease}.toggle-item:hover{background:#ffffff0d;border-color:#f6c12b4d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.toggle-item.active{background:#f6c12b0d;border-color:#f6c12b;box-shadow:0 0 0 2px #f6c12b33}.toggle-item.active:before{display:none}.toggle-label{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.75rem;pointer-events:none}.toggle-text{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.toggle-description{color:#ccc;font-size:.9rem;line-height:1.4}@media (max-width:768px){.toggles-grid{grid-template-columns:1fr}.toggle-item{padding:1.25rem}.design-toggles-section{padding:1.5rem}}.loading-section{padding:2rem;text-align:center}.loading-section h3{color:#f6c12b;font-size:1.5rem;margin-bottom:2rem}.progress-steps{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:600px}.progress-step{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;opacity:.5;padding:1rem;transition:all .3s ease}.progress-step.active{background:#f6c12b0d;border-color:#f6c12b;opacity:1;overflow:hidden;position:relative;transform:scale(1.02)}.progress-step.active:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#f6c12b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-step.completed{background:#f6c12b0d;border-color:#f6c12b;opacity:.8}@keyframes shimmer{0%{left:-100%}to{left:100%}}.step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.progress-step.active .step-icon,.progress-step.completed .step-icon{background:#f6c12b33;color:#f6c12b}.step-text{display:flex;flex:1 1;flex-direction:column;text-align:left}.step-text strong{color:#fff;font-size:.95rem;margin-bottom:.25rem}.step-text span{color:#ccc;font-size:.85rem}.timer-display{animation:pulse 2s ease-in-out infinite;color:#f6c12b!important;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.current-step-message{background:#f6c12b1a;border:1px solid #f6c12b33;border-radius:12px;margin-top:2rem;padding:1.5rem}.current-step-message p{color:#f6c12b;margin:.5rem 0}.loading-hint{color:#ccc!important;font-size:.9rem;font-style:italic}@media (max-width:768px){.progress-steps{gap:.75rem}.progress-step{padding:.75rem}.step-icon{font-size:1.25rem;height:35px;width:35px}}.ai-timer-display{animation:timer-glow 3s ease-in-out infinite;background:#f6c12b1a;border:2px solid #f6c12b4d;border-radius:16px;margin-top:2rem;padding:1.5rem;text-align:center}@keyframes timer-glow{0%,to{box-shadow:0 0 20px #f6c12b33}50%{box-shadow:0 0 30px #f6c12b66}}.timer-info{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.timer-label{color:#f6c12b;font-size:1.1rem;font-weight:600}.timer-value{animation:timer-pulse 1s ease-in-out infinite;background:#f6c12b33;border-radius:20px;color:#f6c12b;font-size:1.2rem;font-weight:700;min-width:60px;padding:.5rem 1rem;text-align:center}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-message{color:#ccc;font-size:.9rem;line-height:1.4}@media (max-width:768px){.ai-timer-display{margin-top:1.5rem;padding:1.25rem}.timer-info{flex-direction:column;gap:.75rem}.timer-label{font-size:1rem}.timer-value{font-size:1.1rem;padding:.4rem .8rem}.timer-message{font-size:.85rem}}.submit-btn{background:linear-gradient(45deg,#f6c12b,gold);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:background-color .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #f6c12b4d;transform:translateY(-2px)}.submit-btn:active:not(:disabled){box-shadow:0 4px 15px #f6c12b4d;transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn.submitting{background:#6c757d;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.submit-feedback{background:#6c757d1a;border:1px solid #6c757d33;border-radius:12px;margin-top:1rem;padding:1rem;text-align:center}.submit-feedback p{color:#6c757d;font-weight:500;margin:.5rem 0}.submit-hint{color:#6c757d!important;font-size:.9rem;font-style:italic}.user-profile-page{background:linear-gradient(135deg,#1a1a1a,#2a2a2b);color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;padding-top:calc(var(--navbar-height) + 2rem)}.profile-actions{display:flex;gap:1rem}.edit-profile-btn{background:linear-gradient(45deg,#f6c12b,gold);border-radius:8px;color:#000;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.edit-profile-btn:hover{box-shadow:0 8px 25px #f6c12b4d;transform:translateY(-2px)}.user-designs-section{margin-top:2rem}.user-designs-section h2{color:#fff;font-size:2rem;margin-bottom:2rem}.user-designs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.design-description{color:#ccc;font-size:.9rem;line-height:1.4;margin-top:.5rem}.designs-loading,.user-profile-loading{color:#ccc;font-size:1.2rem;padding:3rem;text-align:center}.user-profile-error{color:#ff6b6b;padding:3rem;text-align:center}.user-profile-error h2{font-size:2rem;margin-bottom:1rem}.no-designs{color:#ccc;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.user-profile-page{padding:7rem 1rem 1rem}.user-info h1{font-size:2rem}.user-designs-grid{gap:1rem;grid-template-columns:1fr}.profile-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.user-designs-section h2,.user-info h1{font-size:1.5rem}}.shop-page{margin:0 auto;max-width:1400px;padding:2rem;padding-top:calc(var(--navbar-height) + 2rem)}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.product-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.product-image-container{aspect-ratio:1;background-color:#000;overflow:hidden;position:relative}.product-mockup{height:100%;object-fit:contain;transition:opacity .4s ease;width:100%}.product-card:hover .product-mockup{opacity:0}.product-pattern{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.product-card:hover .product-pattern{opacity:1}.product-info{padding:1.5rem}.product-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.product-location{color:var(--secondary-text);font-size:.9rem;margin-bottom:.5rem}.product-price{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0}.loading-spinner{border:3px solid #f6c12b4d;border-top:3px solid var(--primary-color);height:50px;margin-bottom:1rem;width:50px}.error-message,.loading-container p{font-size:1.1rem}.error-message{margin-bottom:1rem}.retry-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #f6c12b4d;transform:translateY(-2px)}.no-products{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.no-products p{color:var(--secondary-text);font-size:1.1rem;margin-bottom:.5rem}.no-products p:last-child{color:#666;font-size:1rem}@media (max-width:768px){.shop-page{padding:1rem;padding-top:calc(var(--navbar-height) + 2rem)}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-info{padding:1rem}.product-info h3{font-size:1.1rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-card{margin:0 auto;max-width:350px}}.product-detail-page{background:linear-gradient(135deg,#000,#1a1a1a);margin:0;min-height:100vh;padding:0}.product-detail-container{margin:0 auto;max-width:1400px;padding:1.5rem;padding-top:calc(var(--navbar-height) + 2rem)}.back-btn{border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:600;margin-bottom:2rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-base)}.back-btn,.back-btn:hover{background-color:var(--primary-color);color:var(--background)}@media (min-width:1201px){.back-btn{display:none}}@media (max-width:1200px){.back-btn{display:block;margin:2rem auto 0;order:1;text-align:center}}.product-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.product-images{display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:120px}.main-image-container{background:linear-gradient(45deg,#1a1a1a,#2c2b2b);border-radius:var(--border-radius);box-shadow:0 20px 40px #0000004d;overflow:hidden;transition:all .3s ease;width:100%}.main-image-container:hover{box-shadow:0 25px 50px #0006}.main-product-image{display:block;height:450px;object-fit:cover;transition:transform .3s ease;width:100%}.thumbnail-images{display:flex;gap:.75rem;justify-content:center}.thumbnail-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #0000;border-radius:var(--border-radius);cursor:pointer;padding:3px;transition:all .3s ease}.thumbnail-container:hover{border-color:#f6c12b80;transform:translateY(-2px)}.thumbnail-container.selected{background:#f6c12b1a;border-color:var(--primary-color)}.thumbnail-image{border-radius:calc(var(--border-radius) - 4px);display:block;height:70px;object-fit:cover;width:70px}.product-info{display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - var(--navbar-height) - 4rem);overflow:visible}.product-info h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;line-height:1.1;margin:0 0 12px}.product-description{color:var(--secondary-text);font-size:.95rem;line-height:1.4;margin:0}.product-details{grid-gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:var(--border-radius);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem}.detail-item{color:#fff;font-size:.85rem}.detail-item strong{display:block;font-size:.7rem;letter-spacing:1px;margin-bottom:.15rem;text-transform:uppercase}.designer-link,.detail-item strong{color:var(--primary-color);font-weight:600}.designer-link{border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.designer-link:hover{border-bottom-color:var(--primary-color);color:#fff}.notification-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c2b2bcc;border-radius:var(--border-radius);box-shadow:0 20px 40px #0003;margin-top:1rem;order:0;padding:1.25rem}.notification-section h3{color:var(--primary-color);font-size:1.25rem;font-weight:700;letter-spacing:1px;margin:0 0 .4rem;text-align:center;text-transform:uppercase}.notification-description{color:var(--secondary-text);font-size:.9rem;line-height:1.3;margin-bottom:.75rem;text-align:center}.notification-date{background:#f6c12b1a;border-radius:var(--border-radius);color:var(--primary-color);font-size:.85rem;line-height:1.3;padding:.75rem;text-align:center}.notification-date strong{color:#fff;font-weight:600}.notify-btn{background:linear-gradient(135deg,var(--primary-color) 0,#f0b400 100%);border:none;border-radius:var(--border-radius);box-shadow:0 8px 25px #f6c12b4d;color:#000;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.875rem;text-transform:uppercase;transition:all .3s ease;width:100%}.notify-btn:hover:not(:disabled){box-shadow:0 15px 35px #f6c12b66;filter:brightness(1.1);transform:translateY(-3px)}.notify-btn:disabled{cursor:not-allowed;opacity:.6}.notify-btn.loading{cursor:not-allowed;opacity:.8}.success-message{background:#4caf501a;color:#4caf50}.error-message,.success-message{border-radius:var(--border-radius);display:block;font-weight:600;margin-top:.75rem;padding:.75rem;text-align:center}.error-message{background:#f443361a;color:#f44336}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f6c12b33;border-radius:50%;border-top:4px solid var(--primary-color);height:60px;margin-bottom:2rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:var(--secondary-text);font-size:1.2rem;font-weight:500}.error-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.error-container h2{color:#f44336;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-container p{color:var(--secondary-text);font-size:1.2rem;margin-bottom:2rem}@media (max-width:1200px){.product-content{gap:2rem;grid-template-columns:1fr}.product-images{position:static}.main-product-image{height:350px}.product-info{max-height:none;overflow:visible}.product-detail-container{padding-bottom:2rem}}@media (max-width:768px){.product-detail-container{padding:1rem;padding-top:calc(var(--navbar-height) + 2rem)}.product-info h1{font-size:2rem}.product-details{grid-template-columns:1fr;padding:1.5rem}.notification-section{padding:1.5rem}.notification-section h3{font-size:1.5rem}}@media (max-width:480px){.product-info h1{font-size:1.5rem}.product-description{font-size:1rem}.main-product-image{height:350px}.thumbnail-image{height:60px;width:60px}.notification-section{padding:1rem}}.design-detail-page{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem;padding-top:calc(var(--navbar-height) + 2rem)}.error-container,.loading-container{color:var(--secondary-text);font-size:1.2rem;padding:4rem;text-align:center}.design-detail-content{display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem}.environment-section{margin:0 auto;max-width:600px;width:100%}.environment-section h2{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:1rem;text-align:center}.design-variants-section{width:100%}.design-variants-section h2{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:1.5rem;text-align:center}.detail-image{aspect-ratio:1/1;box-shadow:0 8px 24px #0000004d;object-fit:cover;width:100%}.detail-image,.environment-description{background-color:var(--card-bg);border-radius:var(--border-radius)}.environment-description{margin-top:1rem;padding:1rem}.environment-description h3{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:.5rem}.environment-description p{color:var(--secondary-text);font-size:var(--font-size-base);line-height:1.6}.design-variants{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.design-variant{background-color:var(--card-bg);border:2px solid #0000;border-radius:var(--border-radius);padding:1.5rem;transition:all .3s ease}.design-variant.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.design-variant h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);justify-content:space-between;margin-bottom:1rem}.selected-badge{background-color:var(--primary-color);color:var(--background);font-size:var(--font-size-sm);font-weight:600;padding:.25rem .75rem}.prompt-info,.selected-badge{border-radius:var(--border-radius)}.prompt-info{background-color:var(--background);border-left:3px solid var(--primary-color);margin-top:1rem;padding:1rem}.prompt-info h4{color:var(--primary-color);font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem}.prompt-info p{color:var(--secondary-text);font-size:var(--font-size-sm);line-height:1.5}.design-metadata{background-color:var(--card-bg);border-radius:var(--border-radius);padding:2rem}.design-metadata h2{border-bottom:1px solid var(--secondary-text);color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:1.5rem;padding-bottom:1rem}.design-metadata ul{list-style-type:none;margin-bottom:2rem;padding:0}.design-metadata li{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:1rem}.design-metadata li strong{color:var(--secondary-text);font-weight:600;margin-right:.5rem}.variant-info{color:var(--primary-color);font-size:var(--font-size-sm);font-style:italic}.design-story h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:1rem}.design-story p{color:var(--secondary-text);font-size:var(--font-size-base);line-height:1.6}.comments-section{background-color:var(--card-bg);border-radius:var(--border-radius);margin-top:3rem;padding:2rem}.comments-section h2{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:1.5rem}.comment-form textarea{background-color:var(--background);border:1px solid var(--secondary-text);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:1rem;padding:1rem;resize:vertical;width:100%}.comment-form button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--background);cursor:pointer;display:block;font-weight:600;margin-left:auto;max-width:200px;padding:.75rem;transition:filter .3s ease;width:100%}.comment-form button:hover{filter:brightness(1.1)}.comment-list{margin-top:2rem}.comment-item{border-bottom:1px solid var(--secondary-text);padding:1.5rem 0}.comment-item:last-child{border-bottom:none}.comment-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.comment-author{color:var(--text-primary);font-weight:600}.comment-date{color:var(--secondary-text);font-size:var(--font-size-sm)}.delete-comment-btn{background:#0000;border:1px solid var(--secondary-text);border-radius:var(--border-radius);color:var(--secondary-text);cursor:pointer;font-size:var(--font-size-xs);margin-left:auto;padding:.25rem .5rem;transition:all .3s ease}.delete-comment-btn:hover{background-color:#dc3545;border-color:#dc3545;color:var(--text-primary)}.comment-text{color:var(--secondary-text);line-height:1.6;white-space:pre-wrap}@media (max-width:768px){.design-detail-content{gap:2rem}.environment-section{max-width:100%}.design-variants{gap:1.5rem;grid-template-columns:1fr}.design-variant{padding:1rem}.design-variant h3{align-items:flex-start;flex-direction:column;font-size:var(--font-size-lg);gap:.5rem}.selected-badge{align-self:flex-end}}.legal-container{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;min-height:100vh;padding:calc(var(--navbar-height) + 2rem) 20px 40px}.legal-content{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 20px #00000014;margin:0 auto;max-width:900px;padding:60px}.legal-title{color:var(--primary-color);font-size:3rem;font-weight:700;margin:0 0 16px;text-align:center}.legal-meta{background-color:#f6c12b14;border:1px solid #f6c12b33;border-radius:6px;margin-bottom:50px;padding:24px}.legal-meta p{color:var(--secondary-text);font-size:.9rem;font-weight:500;margin:8px 0}.legal-section{margin-bottom:40px}.legal-section:last-of-type{margin-bottom:0}.legal-section h2{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.legal-section p{color:var(--text-primary);font-size:1rem;margin:0 0 16px}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:16px 0;padding-left:24px}.legal-section li{color:var(--text-primary);font-size:1rem;margin-bottom:12px}.legal-section li:last-child{margin-bottom:0}.legal-section ul ul{margin:12px 0;padding-left:20px}.legal-section ul ul li{font-size:.95rem;margin-bottom:8px}.legal-section blockquote{background-color:#f6c12b14;border-left:4px solid var(--primary-color);border-radius:0 6px 6px 0;font-style:normal;margin:24px 0;padding:20px 24px}.legal-section blockquote p{color:var(--text-primary);font-weight:500;margin:0}.legal-footer{border-top:1px solid #ffffff1a;margin-top:50px;padding-top:30px;text-align:center}.legal-footer p{color:var(--secondary-text);font-size:.85rem;font-weight:500;margin:0}@media (max-width:768px){.legal-container{padding:calc(var(--navbar-height) + 16px) 16px 30px}.legal-content{padding:40px 30px}.legal-title{font-size:2rem;margin-bottom:16px}.legal-section h2{font-size:1.25rem}.legal-meta{margin-bottom:40px;padding:20px}}@media (max-width:480px){.legal-container{padding:calc(var(--navbar-height) + 6px) 12px 20px}.legal-content{padding:30px 20px}.legal-title{font-size:1.5rem;margin-bottom:16px}.legal-section{margin-bottom:30px}.legal-section h2{font-size:1.2rem;margin-bottom:15px}.legal-section ul{padding-left:20px}.legal-section ul ul{padding-left:16px}.legal-meta{margin-bottom:30px;padding:16px}.legal-footer{margin-top:40px;padding-top:25px}}
/*# sourceMappingURL=main.162594a2.css.map*/