.hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,rgba(233,30,140,.05) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:100%;background:radial-gradient(circle,rgba(0,188,212,.05) 0%,transparent 70%);pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center;padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}@media(min-width:1024px){.hero .container{grid-template-columns:1fr 1fr;min-height:calc(100vh - 70px);padding-top:0;padding-bottom:0}}.hero-content{text-align:center}@media(min-width:1024px){.hero-content{text-align:left}}.hero-badge{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-lg);color:var(--text-primary)}@media(min-width:768px){.hero-title{font-size:var(--font-size-5xl)}}@media(min-width:1024px){.hero-title{font-size:var(--font-size-6xl)}}.hero-title-accent{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-xl);line-height:var(--line-height-relaxed)}@media(min-width:1024px){.hero-subtitle{margin:0 0 var(--space-xl)}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}@media(min-width:640px){.hero-actions{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-product-showcase{position:relative;width:100%;max-width:400px;aspect-ratio:1;background:transparent;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;overflow:visible}@media(min-width:1024px){.hero-product-showcase{max-width:500px}}.hero-logo-container{position:relative}.hero-logo-gradient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(233,30,140,.25) 0%,rgba(180,150,255,.2) 30%,rgba(150,220,255,.15) 50%,transparent 70%);border-radius:50%;filter:blur(40px);animation:heroGradientPulse 4s ease-in-out infinite}@keyframes heroGradientPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.hero-logo-img{position:relative;z-index:1;width:100%;max-width:350px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.2));animation:spin-slow 20s linear infinite;will-change:transform}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.hero-logo-img{max-width:380px}}@media(min-width:1024px){.hero-logo-img{max-width:450px}}.parallax-banner{position:relative;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.parallax-banner{min-height:500px}}.parallax-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e91e8c1a,#b496ff26,#96dcff26,#ffc8961a,#e91e8c1a);background-size:400% 400%;animation:gradientShift 8s ease infinite}.parallax-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(233,30,140,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,188,212,.08) 0%,transparent 50%)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.parallax-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-lg);text-align:center}@media(min-width:768px){.parallax-content{flex-direction:row;gap:var(--space-3xl)}}.parallax-logo{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2));transition:transform .1s ease-out;will-change:transform}@media(min-width:768px){.parallax-logo{width:280px;height:280px}}@media(min-width:1024px){.parallax-logo{width:350px;height:350px}}.parallax-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}@media(min-width:768px){.parallax-text{align-items:flex-start;text-align:left}}.parallax-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:#e91e8c26;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);border:1px solid rgba(233,30,140,.3)}.parallax-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}@media(min-width:768px){.parallax-title{font-size:var(--font-size-4xl)}}.parallax-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.hero-shape{position:absolute;border-radius:var(--radius-full);animation:float 6s ease-in-out infinite}.hero-shape-1{width:100px;height:100px;background:linear-gradient(135deg,var(--color-primary),rgba(233,30,140,.5));top:10%;right:5%;animation-delay:0s}.hero-shape-2{width:60px;height:60px;background:linear-gradient(135deg,var(--color-secondary),rgba(255,235,59,.5));bottom:20%;left:10%;animation-delay:2s}.hero-shape-3{width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent),rgba(0,188,212,.5));top:40%;left:5%;animation-delay:4s}.section-bg{background:var(--bg-secondary)}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,#C2185B 100%);padding:var(--space-3xl) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.cta-content{position:relative;z-index:1}.cta-title{font-size:var(--font-size-3xl);color:var(--text-inverse);margin-bottom:var(--space-md)}@media(min-width:768px){.cta-title{font-size:var(--font-size-4xl)}}.cta-text{font-size:var(--font-size-lg);color:#ffffffe6;max-width:600px;margin:0 auto var(--space-xl)}.cta-section .btn-primary{background:var(--text-inverse);color:var(--color-primary)}.cta-section .btn-primary:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-2px)}.product-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.product-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-md)}.product-card-actions{position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.product-card:hover .product-card-actions{opacity:1;transform:translateY(0)}.product-card-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-primary);transition:all var(--transition-fast)}.product-card-action:hover{background:var(--color-primary);color:var(--text-inverse)}.product-card-body{padding:var(--space-md)}.product-card-category{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;align-items:center;justify-content:space-between}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-card-price-old{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:line-through}.product-card-colors{display:flex;gap:4px}.product-card-color{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);box-shadow:0 0 0 1px var(--border-color)}.empty-state{text-align:center;padding:var(--space-3xl)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-lg);color:var(--text-tertiary)}.empty-state-title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-secondary);margin-bottom:var(--space-lg)}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color-light);margin-bottom:var(--space-xl)}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.filter-select{padding:var(--space-sm) var(--space-md);padding-right:2rem;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-select:focus{outline:none;border-color:var(--color-primary)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-left:auto}.active-filter{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);border-radius:var(--radius-full)}.active-filter-remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-fast)}.active-filter-remove:hover{background:#e91e8c33}.category-card{position:relative;aspect-ratio:16/10;border-radius:var(--radius-2xl);overflow:hidden;background:var(--bg-secondary)}.category-card-image-wrapper,.category-card-placeholder{width:100%;height:100%}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);transition:background var(--transition-base)}.category-card:hover .category-card-overlay{background:linear-gradient(to top,rgba(233,30,140,.8) 0%,rgba(233,30,140,.4) 50%,transparent 100%)}.category-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-inverse)}@media(min-width:768px){.category-card-title{font-size:var(--font-size-2xl)}}.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-base)}.page-loading.hide{opacity:0;pointer-events:none}.page-loading-logo{width:80px;animation:pulse 1.5s ease-in-out infinite}.categories-showcase{display:grid;gap:var(--space-xl)}@media(min-width:768px){.categories-showcase{grid-template-columns:repeat(3,1fr)}}.category-showcase-card{position:relative;display:flex;flex-direction:column;padding:var(--space-2xl);border-radius:var(--radius-2xl);overflow:hidden;color:#fff;text-decoration:none;min-height:400px;transition:all var(--transition-base)}.category-showcase-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.category-showcase-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.category-showcase-icon{position:relative;z-index:1;margin-bottom:var(--space-xl);opacity:.9}.category-showcase-content{position:relative;z-index:1;margin-top:auto}.category-showcase-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-showcase-description{color:#fffffff2;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-md);text-shadow:0 1px 2px rgba(0,0,0,.2)}.category-showcase-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:#ffeb3b;text-shadow:0 1px 3px rgba(0,0,0,.3)}.category-stat strong{font-weight:var(--font-weight-bold)}.category-showcase-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-md);background:#fff3;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.category-showcase-card:hover .category-showcase-link{background:#ffffff4d;gap:var(--space-md)}.info-grid{display:grid;gap:var(--space-lg)}@media(min-width:768px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-card{padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-xl)}.info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.info-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.page-header-gradient{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden}.page-header-gradient:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:150%;background:radial-gradient(circle,rgba(233,30,140,.08) 0%,transparent 70%);pointer-events:none}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:1.2fr .8fr}}.about-content{max-width:600px}.about-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.about-text:last-child{margin-bottom:0}.about-image{display:flex;justify-content:center}.about-image-placeholder{width:280px;height:280px;background:linear-gradient(135deg,#e91e8c1a,#00bcd41a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.process-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-top:var(--space-2xl)}@media(min-width:640px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-step{text-align:center;padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-xl);position:relative;transition:all var(--transition-base)}.process-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.process-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.process-icon{width:64px;height:64px;margin:0 auto var(--space-md);background:linear-gradient(135deg,#e91e8c1a,#00bcd41a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.process-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.process-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.claims-section{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-2xl);text-align:center;max-width:700px;margin:0 auto}.claims-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,#e91e8c1a,#00bcd41a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.claims-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.claims-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.claims-info{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:left}.claims-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-sm);flex-wrap:wrap}.claims-item:last-child{border-bottom:none}.claims-item strong{color:var(--text-primary)}.claims-item a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.claims-item a:hover{color:var(--color-accent)}.claims-note{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.6}.text-center{text-align:center}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}
