@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--brand-primary:#5e8a50;--brand-secondary:#5a8694;--brand-accent:#d4685e;--brand-text:#1c2a2a;--brand-light:#fff;--brand-gradient:linear-gradient(135deg, #5e8a50 0%, #5a8694 100%);--datte-caramel:#c08545;--datte-honey:#9a6b38;--datte-cream:#f7f0e6;--datte-deep:#5c3a1e;--datte-glow:linear-gradient(135deg, #c08545 0%, #9a6b38 100%);--datte-surface:#fdf9f3;--bg-main:#fafbfa;--bg-warm:var(--datte-surface);--surface-glass:#ffffffe0;--surface-elevated:#fff;--border-subtle:#5e8a5014;--border-warm:#c085451a;--shadow-sm:0 2px 8px #1c2a2a0a;--shadow-md:0 8px 30px #1c2a2a0f;--shadow-lg:0 20px 60px #1c2a2a14;--shadow-warm:0 12px 40px #c0854512;--shadow-glow:0 0 40px #5e8a501a;--radius-xs:8px;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-xl:48px;--radius-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--brand-text);background-color:var(--bg-main);font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:1.7;overflow-x:hidden}#root{width:100%}h1,h2,h3,h4,.brand-logo{color:var(--datte-deep);font-family:Playfair Display,serif;font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,4vw,2.5rem)}h3{font-size:clamp(1.1rem,2.5vw,1.4rem)}a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}p{margin:0}nav{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border-subtle);width:100%;transition:padding var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;padding:.9rem 6%;display:flex;position:fixed;top:0}.brand-container{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);align-items:center;gap:14px;display:flex}.brand-container:hover{opacity:.85}.brand-icon{object-fit:cover;object-position:center 20%;border:2px solid var(--border-warm);border-radius:50%;width:46px;height:46px}.brand-text-wrapper{flex-direction:column;display:flex}.brand-logo{letter-spacing:3px;color:var(--brand-primary);font-size:1.6rem;line-height:1}.brand-slogan{text-transform:uppercase;letter-spacing:2px;color:var(--datte-caramel);margin-top:4px;font-family:Montserrat,sans-serif;font-size:.55rem;font-weight:600}.nav-links{gap:2.2rem;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:2.5px;color:var(--brand-text);opacity:.55;padding-bottom:4px;font-size:.7rem;font-weight:600;position:relative}.nav-links a:after{content:"";background:var(--datte-glow);width:0;height:2px;transition:all var(--duration-base) var(--ease-out);border-radius:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--datte-deep)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.cart-icon{cursor:pointer;color:var(--brand-primary);transition:transform var(--duration-fast) var(--ease-spring);font-size:1.15rem;position:relative}.cart-icon:hover{transform:scale(1.1)}.cart-count{background:var(--datte-caramel);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-10px}.hamburger{cursor:pointer;color:var(--brand-primary);background:0 0;border:none;font-size:1.3rem;display:none}.mobile-menu{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:80px;display:flex;position:fixed;inset:0}.mobile-menu a,.mobile-menu button{color:var(--datte-deep);cursor:pointer;background:0 0;border:none;padding:8px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.btn{border-radius:var(--radius-full);letter-spacing:1.5px;text-transform:uppercase;min-height:52px;transition:all var(--duration-base) var(--ease-out);border:1.5px solid var(--border-subtle);cursor:pointer;background:var(--surface-elevated);color:var(--brand-primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:16px 40px;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary{background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 6px 20px #5e8a5040}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 12px 35px #5e8a504d}.btn-warm{background:var(--datte-glow);color:#fff;border:none;box-shadow:0 6px 20px #c0854533}.btn-warm:hover{filter:brightness(1.05);box-shadow:0 12px 35px #c085454d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}section{padding:100px 8%}.section-title{text-align:center;margin-bottom:3.5rem;padding-bottom:20px;position:relative}.section-title:after{content:"";background:var(--datte-glow);border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.card-premium{background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out);padding:2.5rem;position:relative;overflow:hidden}.card-premium:before{content:"";background:var(--datte-glow);opacity:0;height:3px;transition:opacity var(--duration-base) var(--ease-out);position:absolute;top:0;left:0;right:0}.card-premium:hover{box-shadow:var(--shadow-lg);border-color:var(--border-warm);transform:translateY(-6px)}.card-premium:hover:before{opacity:1}.highlight-box{background:var(--datte-cream);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-warm);box-shadow:var(--shadow-warm);margin:60px 0;padding:60px 50px;position:relative;overflow:hidden}.highlight-box .section-title{color:var(--datte-deep);margin-bottom:2.5rem;font-size:clamp(1.4rem,3vw,2rem)}.highlight-box .section-title:after{display:none}.highlight-grid{grid-template-columns:repeat(4,1fr);gap:35px;display:grid}.highlight-item{z-index:1;position:relative}.highlight-item h3{color:var(--datte-deep);margin-bottom:12px;font-size:1.15rem}.highlight-item p{color:var(--datte-honey);opacity:.9;max-width:240px;margin:0 auto;font-size:.88rem;line-height:1.6}.hero{text-align:center;background:linear-gradient(#fafbfa4d 0%,#f7f0e699 100%),radial-gradient(at 70% 60%,#c0854514 0%,#0000 60%),url(/hero.png) 50%/cover;justify-content:center;align-items:center;height:100vh;min-height:600px;padding:100px 8% 60px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(to top, var(--bg-main), transparent);pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:1;max-width:700px;position:relative}.hero-content h1{color:var(--datte-deep);letter-spacing:-.5px;margin-bottom:1.2rem;font-size:clamp(2.5rem,6vw,4rem)}.hero-content p{letter-spacing:3px;text-transform:uppercase;color:var(--datte-honey);margin-bottom:2.5rem;font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:500}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.product-card img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:350px;transition:transform var(--duration-slow) var(--ease-out);margin-bottom:1.5rem}.product-card:hover img{transform:scale(1.02)}.product-card h3{color:var(--datte-deep);margin-bottom:.5rem;font-size:1.3rem}.product-price{color:var(--datte-caramel);font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700}.stock-badge{background:var(--datte-glow);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1.5px;z-index:2;padding:6px 16px;font-size:.6rem;font-weight:700;position:absolute;top:20px;right:20px}.cart-overlay{z-index:1999;background:#0000004d;position:fixed;inset:0}.cart-panel{background:var(--surface-elevated);z-index:2000;width:480px;max-width:100vw;height:100vh;transition:right var(--duration-base) var(--ease-out);flex-direction:column;padding:40px;display:flex;position:fixed;top:0;right:-480px;box-shadow:-20px 0 80px #00000014}.cart-panel.active{right:0}.cart-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.cart-header h3{color:var(--datte-deep)}.cart-items{flex:1;overflow-y:auto}.cart-footer{border-top:1px solid var(--border-subtle);padding-top:20px}.cart-item{background:var(--bg-main);border-radius:var(--radius-sm);align-items:center;gap:15px;margin-bottom:20px;padding:10px;display:flex}.cart-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.cart-info{flex:1}.cart-info h4{color:var(--datte-deep);margin-bottom:2px;font-size:.9rem}.cart-info p{color:var(--datte-honey);font-size:.8rem}.cart-info button{color:var(--brand-accent);cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin-top:5px;padding:0;font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:600}footer{background:linear-gradient(135deg, var(--datte-deep) 0%, var(--brand-primary) 100%);color:#fff;text-align:center;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:80px 8%;position:relative;overflow:hidden}.page-header{text-align:center;background:linear-gradient(180deg, var(--bg-main) 0%, var(--datte-cream) 100%);padding:140px 8% 60px}.offer-hero{text-align:center;background:linear-gradient(180deg, var(--bg-main) 0%, var(--datte-cream) 100%);padding:160px 8% 80px;position:relative}.offer-card{background:var(--surface-elevated);border:1px solid var(--border-warm);border-radius:var(--radius-lg);text-align:center;z-index:2;max-width:850px;box-shadow:var(--shadow-lg);margin:-60px auto 0;padding:50px 40px;position:relative;overflow:hidden}.offer-card:before{content:"";background:var(--datte-glow);height:4px;position:absolute;top:0;left:0;right:0}.urgency-badge{background:var(--brand-accent);color:#fff;border-radius:var(--radius-full);letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem;padding:10px 28px;font-size:.7rem;font-weight:700;display:inline-block}.loyalty-track{background:var(--datte-cream);border-radius:var(--radius-full);border:1px solid var(--border-warm);max-width:500px;height:10px;margin:30px auto;overflow:hidden}.loyalty-fill{background:var(--datte-glow);border-radius:var(--radius-full);height:100%;transition:width 2s}.contact-hero{text-align:center;background:linear-gradient(180deg, var(--bg-main) 0%, var(--datte-cream) 100%);padding:140px 8% 60px}.contact-layout{z-index:2;grid-template-columns:1fr 1.6fr;gap:40px;max-width:1100px;margin:-40px auto 0;padding:0 8%;display:grid;position:relative}.info-card{background:linear-gradient(135deg, var(--datte-deep) 0%, var(--brand-primary) 100%);color:#fff;border-radius:var(--radius-lg);flex-direction:column;justify-content:center;padding:50px 40px;display:flex;position:relative;overflow:hidden}.info-card>*{z-index:1;position:relative}.form-group{margin-bottom:24px}label{text-transform:uppercase;letter-spacing:2px;color:var(--datte-honey);margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}input,select,textarea{border:1.5px solid var(--border-subtle);background:var(--bg-main);border-radius:var(--radius-sm);width:100%;color:var(--brand-text);transition:all var(--duration-fast) var(--ease-out);outline:none;padding:16px 18px;font-family:Montserrat,sans-serif;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--datte-caramel);background:#fff;box-shadow:0 0 0 4px #c0854514}input::placeholder,textarea::placeholder{color:#1c2a2a59}.contact-info-item{opacity:.9;align-items:center;gap:14px;margin-bottom:16px;font-size:.9rem;display:flex}.icon-circle{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.confirmation-page{justify-content:center;align-items:center;min-height:100vh;padding:140px 8% 80px;display:flex}.receipt-card{background:var(--surface-elevated);border-radius:var(--radius-lg);width:100%;max-width:650px;box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border-warm);padding:50px;position:relative;overflow:hidden}.receipt-card:before{content:"";background:var(--datte-glow);height:4px;position:absolute;top:0;left:0;right:0}.receipt-box{text-align:left;background:var(--datte-cream);border-radius:var(--radius-sm);border:1px dashed var(--datte-caramel);margin:35px 0;padding:35px}.success-icon{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;font-size:2.5rem;display:flex}.skinai-intro{text-align:center;max-width:900px;margin:0 auto;padding:140px 8% 80px}.skinai-results-inner{max-width:1200px;margin:0 auto;padding:0 5%}.skinai-obs-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skinai-charts-grid{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;display:grid}.skinai-metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:35px;display:grid}.skinai-recs-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:35px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.admin-overview-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-table-wrap{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.scanner-container{border-radius:var(--radius-lg);max-width:750px;box-shadow:var(--shadow-lg);background:#0a0a0a;margin:0 auto 3rem;position:relative;overflow:hidden}.scanner-image{opacity:.85;width:100%;display:block}.scanner-beam{background:var(--brand-primary);width:100%;height:2px;box-shadow:0 0 20px var(--brand-primary), 0 0 40px #5e8a504d;z-index:10;animation:3.5s ease-in-out infinite scanBeam;position:absolute;top:0;left:0}@keyframes scanBeam{0%{opacity:0;top:5%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:95%}}.scanner-overlay{z-index:15;background:linear-gradient(#0000,#000000b3);padding:40px 30px 30px;position:absolute;bottom:0;left:0;right:0}.scanner-overlay h3{letter-spacing:3px;text-transform:uppercase;color:#fffc;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600}.status-dot{background:var(--brand-primary);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:1.5s infinite pulse;display:inline-block}.rec-product{background:var(--datte-cream);border-radius:var(--radius-sm);border:1px solid var(--border-warm);align-items:center;gap:16px;margin-top:15px;padding:18px;display:flex}.rec-product img{object-fit:contain;border-radius:var(--radius-xs);width:60px;height:60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cameraBeam{0%{opacity:0;top:14%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:86%}}@media (width<=1024px){.hero-content h1{font-size:2.5rem}.highlight-grid{grid-template-columns:repeat(2,1fr)}section{padding:80px 6%}}@media (width<=900px){.contact-layout{grid-template-columns:1fr;padding:0 5%}.info-card{padding:40px 30px}}@media (width<=768px){.nav-links{display:none}.hamburger{display:block}nav{padding:.8rem 5%}.brand-logo{font-size:1.4rem}.brand-icon{width:38px;height:38px}.cart-panel{width:100%;right:-100%}section{padding:60px 5%}.hero{height:auto;min-height:85vh;padding:120px 6% 80px}.highlight-grid{grid-template-columns:1fr 1fr;gap:20px}.highlight-box{padding:40px 20px}.product-grid{gap:20px}.product-card img{height:260px}.card-premium{border-radius:var(--radius-md);padding:1.5rem}.btn{min-height:48px;padding:14px 28px;font-size:.75rem}.skinai-intro{padding:120px 5% 60px}.skinai-obs-grid{grid-template-columns:1fr}.skinai-charts-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.skinai-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.skinai-recs-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.form-grid-2{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-grid{grid-template-columns:1fr}}@media (width<=480px){.highlight-grid{grid-template-columns:1fr;gap:15px}.hero-content h1{font-size:2rem}section{padding:50px 4%}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.skinai-metrics-grid{grid-template-columns:1fr 1fr}}