:root{--color-soft-serenity:#f2f0ef;--color-sophisticated-calm:#bbbdbc;--color-soulful-depth:#245f73;--color-bold-allure:#733224;--color-pure-white:#fff;--color-deep-charcoal:#1a1a1a;--color-light-charcoal:#333;--color-success:#2e8b57;--color-error:#d9534f;--gradient-primary:linear-gradient(135deg,var(--color-soulful-depth) 0%,#1a4758 100%);--gradient-accent:linear-gradient(135deg,var(--color-bold-allure) 0%,#5a251c 100%);--gradient-subtle:linear-gradient(135deg,var(--color-soft-serenity) 0%,#e8e6e5 100%);--shadow-sm:0 2px 8px #1a1a1a14;--shadow-md:0 4px 16px #1a1a1a1f;--shadow-lg:0 8px 24px #1a1a1a29;--shadow-inner:inset 0 2px 4px #0000000d;--transition-smooth:all 0.4s cubic-bezier(0.25,0.8,0.25,1);--transition-quick:all 0.2s ease-out;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#f2f0ef;background-color:var(--color-soft-serenity);color:#333;color:var(--color-light-charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-deep-charcoal);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;letter-spacing:-.5px}h2{font-size:2rem;letter-spacing:-.25px}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1.25rem}a{color:#245f73;color:var(--color-soulful-depth);text-decoration:none;transition:all .2s ease-out;transition:var(--transition-quick)}a:hover{color:#733224;color:var(--color-bold-allure)}.button,button,input[type=button],input[type=submit]{align-items:center;appearance:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;outline:none;overflow:hidden;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,#245f73,#1a4758);background:var(--gradient-primary);border:1px solid #ffffff1a;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #1a1a1a14;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-pure-white);font-size:1rem;padding:.875rem 2rem}.btn-primary:hover{box-shadow:0 4px 16px #1a1a1a1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:after{background:linear-gradient(120deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.btn-primary:hover:after{transform:translateX(100%)}.btn-secondary{background:#fff;background:var(--color-pure-white);border:2px solid #245f73;border:2px solid var(--color-soulful-depth);border-radius:9999px;border-radius:var(--radius-full);color:#245f73;color:var(--color-soulful-depth);font-size:.95rem;padding:.75rem 1.75rem}.btn-secondary:hover{background:#245f730d;box-shadow:0 2px 8px #1a1a1a14;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#733224,#5a251c);background:var(--gradient-accent);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-pure-white);font-size:1rem;padding:.875rem 2rem}.btn-accent:hover{box-shadow:0 6px 12px #73322433;transform:translateY(-2px)}input[type=email],input[type=password],input[type=text],select,textarea{background-color:#fff;background-color:var(--color-pure-white);border:1px solid #bbbdbc;border:1px solid var(--color-sophisticated-calm);border-radius:8px;border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px #0000000d;box-shadow:var(--shadow-inner);font-family:inherit;font-size:1rem;padding:1rem;transition:all .2s ease-out;transition:var(--transition-quick);width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#245f73;border-color:var(--color-soulful-depth);box-shadow:0 0 0 3px #245f7326;outline:none}.form-group{margin-bottom:1.5rem}.form-label{color:#1a1a1a;color:var(--color-deep-charcoal);display:block;font-weight:600;margin-bottom:.5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-rotate{animation:rotate 12s linear infinite}.card{background:#fff;background:var(--color-pure-white);border:1px solid #bbbdbc4d;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a1a1a14;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.card:hover{box-shadow:0 8px 24px #1a1a1a29;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card:before{background:linear-gradient(135deg,#0000,#f2f0ef4d);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.card-content{padding:1.5rem;position:relative;z-index:2}.card-image{height:200px;object-fit:cover;transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:100%}.card:hover .card-image{transform:scale(1.03)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #bbbdbc4d;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1rem 2rem}.logo{background:linear-gradient(135deg,#245f73,#1a4758);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.nav-list{display:flex;gap:1.5rem;list-style:none}.nav-link{color:#1a1a1a;color:var(--color-deep-charcoal);font-weight:500;padding:.5rem 0;position:relative}.nav-link:after{background:#245f73;background:var(--color-soulful-depth);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:0}.nav-link:hover:after{width:100%}.nav-link.active{color:#245f73;color:var(--color-soulful-depth)}.nav-link.active:after{width:100%}.cart-icon{position:relative}.cart-badge,.cart-icon{align-items:center;display:flex;justify-content:center}.cart-badge{animation:pulse 1.5s infinite;background:#733224;background:var(--color-bold-allure);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:20px;position:absolute;right:-8px;top:-6px;width:20px}.hero{align-items:center;display:flex;min-height:85vh;overflow:hidden;padding:4rem 2rem;position:relative}.hero:before{background:linear-gradient(135deg,#f2f0ef,#e8e6e5);background:var(--gradient-subtle);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-text{position:relative;z-index:2}.hero-title{background:linear-gradient(90deg,#245f73,#733224);background:linear-gradient(to right,var(--color-soulful-depth),var(--color-bold-allure));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#333;color:var(--color-light-charcoal);font-size:1.25rem;margin-bottom:2rem;max-width:90%}.hero-image{border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #1a1a1a29;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.hero-image:hover{transform:perspective(1000px) rotateY(0deg)}.hero-image:after{background:linear-gradient(45deg,#245f731a,#7332241a);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.products-section{margin:0 auto;max-width:1440px;padding:5rem 2rem}.section-title{margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#245f73,#1a4758);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.products-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;background:var(--color-pure-white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a1a1a14;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.product-card:hover{box-shadow:0 8px 24px #1a1a1a29;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.product-image{height:240px;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:1.5rem}.product-title{color:#1a1a1a;color:var(--color-deep-charcoal);font-size:1.25rem;margin-bottom:.5rem}.product-price{color:#245f73;color:var(--color-soulful-depth);font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{padding-top:2rem}.hero-subtitle{margin-left:auto;margin-right:auto;max-width:100%}.hero-image{margin:0 auto;max-width:600px}}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.nav-list{flex-wrap:wrap;justify-content:center}.hero-title{font-size:2.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.products-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0185fa33.css.map*/