*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #22c55e;--primary-soft: rgba(22, 163, 74, .1);--whatsapp: #25d366;--secondary: #6c757d;--success: #16a34a;--danger: #ef4444;--warning: #f59e0b;--info: #38bdf8;--dark: #111318;--light: #f8f9fa;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #1e293b;--surface-1: #ffffff;--surface-2: #f4f6fa;--font-display: "Sora", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 3px rgba(15,23,42,.1);--shadow: 0 4px 12px rgba(15,23,42,.1);--shadow-lg: 0 8px 30px rgba(15,23,42,.14);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;--body-grad-1: #ffffff;--body-grad-2: #f2f5f9;--img-bg-1: #ffffff;--img-bg-2: #eef2f7;--glass-bg: rgba(255, 255, 255, .72);--scroll-track: #e2e8f0;--border-soft: rgba(15, 23, 42, .08);--nav-bg: rgba(255, 255, 255, .92);--nav-bg-solid: rgba(255, 255, 255, .96)}[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-soft: rgba(59, 130, 246, .18);--secondary: #94a3b8;--success: #22c55e;--danger: #f87171;--warning: #fbbf24;--info: #22d3ee;--light: #1a1d24;--gray-100: #262a35;--gray-200: #353840;--gray-300: #475569;--gray-400: #64748b;--gray-500: #9ca0a8;--gray-600: #b0b4bc;--gray-700: #e8eaed;--surface-1: #1e2028;--surface-2: #2a2d35;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--body-grad-1: #171a22;--body-grad-2: #1e2028;--img-bg-1: #23262e;--img-bg-2: #1e2028;--glass-bg: rgba(30, 32, 40, .72);--scroll-track: #2a2d35;--border-soft: rgba(255, 255, 255, .08);--nav-bg: rgba(30, 32, 40, .92);--nav-bg-solid: rgba(30, 32, 40, .96)}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--primary-soft) 0%,rgba(0,0,0,0) 60%),linear-gradient(180deg,var(--body-grad-1) 0%,var(--body-grad-2) 75%);color:var(--gray-700);line-height:1.6;min-height:100vh}::selection{background:var(--primary-soft);color:var(--gray-700)}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto}.card-base img,.product-img-wrap img{outline:1px solid rgba(15,23,42,.06);outline-offset:-1px}h1,h2,h3,.section-title{text-wrap:balance}p,.section-subtitle,.card-base p{text-wrap:pretty}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 15px var(--primary-soft)}.btn-primary:hover{box-shadow:0 6px 22px var(--primary-soft);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);box-shadow:0 4px 15px #16a34a59}.btn-success:hover{box-shadow:0 6px 22px #16a34a80;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-color:transparent}.btn-lg{padding:14px 32px;font-size:17px}.section-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:var(--gray-700)}.price-nums{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--scroll-track)}.calc-scroll::-webkit-scrollbar{width:10px}.calc-scroll::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:5px}.calc-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-light));border-radius:5px;border:2px solid var(--scroll-track)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeUp .4s ease forwards}.card-base{background:linear-gradient(145deg,var(--surface-1) 0%,var(--surface-2) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:0 4px 20px #0f172a14;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;overflow:hidden}.card-base:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f172a24,0 0 0 1px var(--primary-soft);border-color:var(--primary-soft)}.product-img-wrap{background:radial-gradient(ellipse 120% 100% at 50% 100%,var(--primary-soft) 0%,rgba(0,0,0,0) 60%),linear-gradient(135deg,var(--img-bg-1) 0%,var(--img-bg-2) 100%);position:relative;overflow:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.search-wrap{position:relative}.search-wrap .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;display:flex}.search-wrap input{width:100%;padding:14px 16px 14px 48px;border-radius:12px;border:1px solid var(--gray-300);background:var(--surface-1);color:var(--gray-700);font-size:15px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.search-wrap input::placeholder{color:var(--gray-400)}.search-wrap input:hover{border-color:var(--gray-400)}.search-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);background:var(--surface-1)}.hero-section{background:radial-gradient(ellipse 60% 80% at 85% 0%,var(--primary-soft) 0%,rgba(0,0,0,0) 60%),radial-gradient(ellipse 50% 70% at 10% 100%,#16a34a14,#0000 55%),var(--surface-1);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20% 30%,rgba(15,23,42,.1) 50%,transparent 50%),radial-gradient(2px 2px at 70% 60%,rgba(15,23,42,.07) 50%,transparent 50%),radial-gradient(2px 2px at 40% 80%,rgba(15,23,42,.08) 50%,transparent 50%),radial-gradient(2px 2px at 90% 20%,rgba(15,23,42,.07) 50%,transparent 50%),radial-gradient(2px 2px at 60% 10%,rgba(15,23,42,.09) 50%,transparent 50%);background-size:320px 320px;pointer-events:none;opacity:.5}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--primary-soft);border:1px solid var(--primary-soft);color:var(--primary-light);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.feature-item{padding:24px;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-1),var(--surface-2));border:1px solid var(--border-soft);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.feature-item:hover{transform:translateY(-3px);border-color:var(--primary-soft);box-shadow:0 12px 32px #0f172a1a}.section-title{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.8px;margin-bottom:8px;color:var(--gray-700);background:linear-gradient(90deg,var(--gray-700) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--gray-500);font-size:16px;margin-bottom:32px}.badge-pill{padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 8px #0000004d}html,body{overflow-x:clip}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}