:root{--background: #ffffff;--foreground: #0d0518;--card: #ffffff;--card-foreground: #0d0518;--primary: #9b1de0;--primary-foreground: #ffffff;--border: #e4e4e7;--ring: #9b1de0;--muted-foreground: #6b6478;--btn-outline-bg: #24202b;--btn-outline-bg-hover: #14111a;--btn-outline-fg: #ffffff;--whycard-bg: rgba(0, 0, 0, .025);--widget-bg: rgba(0, 0, 0, .035);--log-panel-bg: #ffffff;--log-header-bg: #f7f5fa;--log-border: #e4e4e7;--log-text: #2c2836;--log-time: #9891a3;--log-accent: #9b1de0;--log-green: #16a34a;--log-pink: #d6198e;--log-strong: #0d0518;--log-input-fg: #9891a3;--path-stroke: rgba(13, 5, 24, .25);--star-color: rgba(70, 30, 110, .4);--nebula-opacity: .18}.dark{--background: #060608;--foreground: #fafafa;--card: rgba(24, 12, 34, .4);--card-foreground: #fafafa;--primary: #a824ea;--primary-foreground: #ffffff;--border: rgba(255, 255, 255, .1);--ring: #a824ea;--muted-foreground: #b3aac4;--btn-outline-bg: #f5f3f8;--btn-outline-bg-hover: #e2ddea;--btn-outline-fg: #150a20;--whycard-bg: rgba(20, 10, 30, .35);--widget-bg: rgba(0, 0, 0, .15);--log-panel-bg: rgba(16, 10, 22, .9);--log-header-bg: transparent;--log-border: rgba(255, 255, 255, .1);--log-text: #c9c5db;--log-time: #5f5a6d;--log-accent: #c084fc;--log-green: #4ade80;--log-pink: #fc3aa4;--log-strong: #ffffff;--log-input-fg: #5f5a6d;--path-stroke: rgba(255, 255, 255, .3);--star-color: #ffffff;--nebula-opacity: .5}*{box-sizing:border-box}html{transition:background-color .8s ease}body,nav,button,.glass,.badge-trusted,.btn-outline,.text-foreground,.text-muted-foreground,.border-border,a{transition:background-color .8s ease,color .8s ease,border-color .8s ease,box-shadow .8s ease}body{background-color:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.bg-background{background-color:var(--background)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.border-border{border-color:var(--border)}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.dark .glass{background:#140a1e66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a}.footer-glass{position:relative;background:linear-gradient(180deg,#00000004,#00000008);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);overflow:hidden}.footer-glass:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,36,234,.6),rgba(252,58,164,.6),transparent)}.dark .footer-glass{background:linear-gradient(180deg,#140a1e8c,#0a0610bf);box-shadow:0 -4px 30px #00000026}.text-gradient{background:linear-gradient(135deg,#fc3aa4,#a824ea,#6a1fd0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%}.btn-gradient{background:linear-gradient(135deg,#fc3aa4,#a824ea)}.brand-gradient{background:linear-gradient(135deg,#fc3aa4,#a824ea,#6a1fd0)}.animate-gradient{animation:gradient 4s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-glow{filter:drop-shadow(0 0 10px rgba(252,58,164,.25)) drop-shadow(0 0 18px rgba(168,36,234,.2))}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.premium-badge{background:linear-gradient(135deg,#fc3aa4,#a824ea,#6a1fd0);background-size:200% 200%;animation:gradient 3s ease infinite,badgePulse 2.2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #a824ea00,0 0 12px #fc3aa459}50%{box-shadow:0 0 18px #a824eaa6,0 0 26px #fc3aa473}}.typing-dots span{display:inline-block;animation:dotPulse 1.4s ease-in-out infinite;opacity:.2}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.log-line{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,color .8s ease}.log-line.show{opacity:1;transform:translateY(0)}.log-panel,.log-panel *{transition:background-color .8s ease,color .8s ease,border-color .8s ease}.spin-icon{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.icon-glossy{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) drop-shadow(0 -1px 0 rgba(255,255,255,.25))}.dropdown{opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;transition:all .18s ease}.dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chevron{transition:transform .2s ease}.chevron.rotate{transform:rotate(180deg)}.faq-item{background-color:var(--whycard-bg);transition:border-color .2s ease,background-color .2s ease}.faq-item:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none}.faq-icon{transition:transform .25s ease,background .25s ease,border-color .25s ease;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(45deg);background:linear-gradient(135deg,#fc3aa4,#a824ea)!important;border-color:transparent!important}.faq-item.open .faq-icon svg{stroke:#fff!important}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,padding-top .3s ease;opacity:0}.faq-item.open .faq-answer{opacity:1}.faq-mascot-float{animation:float 6s ease-in-out infinite}.btn-solid{transition:filter .2s ease}.btn-solid:hover{filter:brightness(.82)}.btn-outline{background-color:var(--btn-outline-bg);border:1px solid var(--border);color:var(--btn-outline-fg);transition:background-color .2s ease}.btn-outline:hover{background-color:var(--btn-outline-bg-hover)}.badge-trusted{background-color:color-mix(in srgb,var(--background) 60%,transparent);color:var(--foreground);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.premium-dot{width:12px;height:12px;border-radius:9999px;flex-shrink:0}#heroGalaxy{isolation:isolate}#heroGalaxy .galaxy-nebula{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--nebula-opacity);transition:opacity .8s ease;background:radial-gradient(55% 40% at 75% 0%,rgba(168,36,234,.35),transparent 70%)}#heroGalaxy .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 96%);mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 96%)}#heroGalaxy .star{position:absolute;background:var(--star-color);border-radius:50%;transition:background-color .8s ease,opacity .8s ease}.why-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.why-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #00000059,0 0 0 1px #a824ea2e}.why-card .icon-box{transition:transform .35s ease}.why-card:hover .icon-box{transform:scale(1.08) rotate(-4deg)}.why-widget{transition:border-color .35s ease,background-color .35s ease}.why-card:hover .why-widget{border-color:#a824ea59;background-color:#a824ea0f}.why-card:hover .payment-chip{border-color:#a824ea4d}.bar-grow{height:var(--bar-min);animation:barPulse var(--bar-dur, 2.4s) ease-in-out infinite;animation-delay:var(--bar-delay, 0s)}@keyframes barPulse{0%,to{height:var(--bar-min)}50%{height:var(--bar-max)}}.progress-ring-fill{stroke-dashoffset:var(--ring-offset)}.ring-spin{animation:spin 2.6s linear infinite;transform-origin:50% 50%}.pulse-dot{position:relative}.pulse-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:inherit;animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.widget-box{border-color:var(--border);background-color:var(--widget-bg);transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.widget-box:hover{border-color:var(--widget-hover-border);background-color:var(--widget-hover-bg);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.widget-row{transition:background-color .25s ease,transform .25s ease;cursor:default}.widget-row:hover{background-color:var(--widget-hover-bg);transform:translateY(-2px)}.product-card.featured{border:1px solid rgba(168,36,234,.45)!important;box-shadow:0 0 0 1px #a824ea1f,0 22px 44px #a824ea1f}.product-card .select-btn{transition:background-color .2s ease,transform .2s ease}.product-card:hover .select-btn{transform:translate(3px)}.qty-preset-btn{padding:8px 0;border-radius:12px;font-weight:700;font-size:13px;text-align:center;background:var(--widget-bg);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.qty-preset-btn.active{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.delivery-option{display:block;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--widget-bg);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.delivery-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}#orderModal{animation:none}#orderModal .glass{animation:fadeUp .25s ease}.modal-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--card);border-radius:24px;opacity:1;transition:opacity .3s ease;z-index:5}.modal-loader.hide{opacity:0;pointer-events:none}.modal-loader-ring{width:42px;height:42px;border-radius:9999px;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .75s linear infinite}.modal-loader-text{font-size:13px;font-weight:600;color:var(--muted-foreground);letter-spacing:.01em}.modal-loader-track{width:168px;height:6px;border-radius:6px;background:var(--widget-bg);overflow:hidden;position:relative}.modal-loader-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:6px;background:linear-gradient(135deg,#fc3aa4,#a824ea);animation:loaderSweep 1s ease-in-out infinite}@keyframes loaderSweep{0%{transform:translate(-120%)}50%{transform:translate(180%)}to{transform:translate(180%)}}#modalBody{transition:opacity .35s ease,transform .35s ease}#modalBody.body-hidden{opacity:0;transform:translateY(8px) scale(.985)}.header-fold{perspective:800px}.header-fold nav{transform-origin:top center;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease;opacity:1;transform:rotateX(0) translateY(0)}.header-fold.header-hidden nav{transform:rotateX(-90deg) translateY(-10px);opacity:0;pointer-events:none}.plan-icon-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.plan-icon-block .plan-num{font-size:22px;font-weight:800;line-height:1}.plan-icon-block .plan-unit{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.auth-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9999px;font-size:11.5px;font-weight:700;background:#4ade801f;border:1px solid rgba(74,222,128,.3);color:#4ade80;width:fit-content}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.qty-slider-wrap{position:relative;padding:14px 0 8px}.qty-slider-track{position:relative;height:8px;border-radius:9999px;background:var(--widget-bg);border:1px solid var(--border);overflow:visible}.qty-slider-fill{position:absolute;top:-1px;left:-1px;bottom:-1px;width:var(--fill, 50%);border-radius:9999px;background:linear-gradient(90deg,#fc3aa4,#a824ea);box-shadow:0 0 12px #a824ea8c;transition:width .15s ease}.qty-slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 1px;pointer-events:none}.qty-slider-ticks span{width:3px;height:3px;border-radius:9999px;background:#ffffff59}.qty-slider-thumb{position:absolute;top:50%;left:var(--fill, 50%);width:22px;height:22px;border-radius:9999px;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--primary);box-shadow:0 2px 10px #00000059,0 0 0 4px #a824ea2e;transition:left .15s ease,transform .15s ease;cursor:grab}.qty-slider-wrap.dragging .qty-slider-thumb{transform:translate(-50%,-50%) scale(1.15);cursor:grabbing}.qty-slider-bubble{position:absolute;bottom:100%;left:var(--fill, 50%);transform:translate(-50%,-6px);padding:3px 9px;border-radius:9999px;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#fc3aa4,#a824ea);box-shadow:0 4px 12px #a824ea66;white-space:nowrap;opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.qty-slider-wrap.dragging .qty-slider-bubble,.qty-slider-wrap:hover .qty-slider-bubble{opacity:1;transform:translate(-50%,-9px)}.qty-slider-hit{position:absolute;top:-12px;right:0;bottom:-12px;left:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.qty-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:12px 40px 12px 16px;border-radius:16px;border:1px solid var(--border);background-color:var(--widget-bg);color:var(--foreground);font-weight:700;font-size:14.5px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239891a3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;transition:border-color .2s ease,background-color .2s ease}.qty-select:focus{outline:none;border-color:var(--primary)}