@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600;1,700&display=swap";:root{--canvas:#faf9f6;--canvas-card:#fff;--canvas-card-hover:#f6f4ed;--olive:#12170d;--forest:#242e1b;--forest-hover:#182012;--sage:#5e6d52;--sage-light:#7e9070;--sage-bg:#ebf0e7;--olive-accent:#8e8d46;--cream:#f4f1eb;--cream-warm:#ebe6da;--cream-deep:#c8c2af;--earth:#3b332a;--earth-muted:#695e52;--clay:#b34438;--border-color:#e6e0d2;--card-shadow:0 4px 20px -2px #12170d0d;--card-shadow-hover:0 16px 36px -6px #12170d1f;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--canvas:#0f130b;--canvas-card:#181f13;--canvas-card-hover:#1f2819;--olive:#f4f1eb;--forest:#7e9070;--forest-hover:#98aa8a;--sage:#98aa8a;--sage-light:#b5c5a8;--sage-bg:#222c1b;--olive-accent:#d4d4a8;--cream:#1c2317;--cream-warm:#263020;--cream-deep:#3b4a31;--earth:#d0c9ba;--earth-muted:#9e988a;--clay:#e26e63;--border-color:#293422;--card-shadow:0 4px 20px -2px #00000073;--card-shadow-hover:0 16px 36px -6px #000000a6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--canvas);font-family:var(--font-body);color:var(--olive);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--canvas);color:var(--olive);line-height:1.65;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em}::selection{background:var(--sage);color:#fff}.kumo-card{background-color:var(--canvas-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.kumo-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--sage-light);transform:translateY(-4px)}.pill-badge{background-color:var(--cream);border:1px solid var(--border-color);font-family:var(--font-heading);color:var(--sage);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.btn-forest{background-color:var(--forest);color:var(--canvas);font-family:var(--font-body);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px -2px #242e1b4d}.btn-forest:hover{background-color:var(--forest-hover);transform:translateY(-2px);box-shadow:0 8px 24px -4px #242e1b73}.btn-outline{color:var(--olive);font-family:var(--font-body);border:1.5px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--sage);color:var(--sage);background-color:var(--sage-bg)}.sensory-track{background-color:var(--cream-warm);border-radius:999px;height:6px;overflow:hidden}.sensory-fill{background:linear-gradient(90deg, var(--sage) 0%, var(--olive-accent) 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}@keyframes kumo-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.8deg)}}@keyframes kumo-float-alt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(6px)rotate(-.8deg)}}.float-a{animation:5s ease-in-out infinite kumo-float}.float-b{animation:6s ease-in-out .8s infinite kumo-float-alt}.float-c{animation:7s ease-in-out 1.6s infinite kumo-float}.floating-contact-bar{z-index:900;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:24px}.contact-pill-btn{color:#fff;border-radius:9999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #00000026}.contact-pill-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 30px #00000040}.btn-zalo{background-color:#0068ff}.btn-messenger{background:linear-gradient(135deg,#00b2ff 0%,#006aff 100%)}.btn-call{background-color:#10b981}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background-color:#12170d99;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-box{background-color:var(--canvas-card);border:1px solid var(--border-color);color:var(--olive);border-radius:24px;width:92%;max-width:560px;max-height:90vh;padding:32px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:translateY(20px)scale(.97);box-shadow:0 25px 60px -10px #12170d59}.modal-overlay.active .modal-box{transform:translateY(0)scale(1)}.toast-msg{background-color:var(--forest);color:var(--canvas);z-index:2000;opacity:0;border-radius:14px;align-items:center;gap:12px;padding:14px 22px;font-size:.8125rem;font-weight:500;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 12px 32px -6px #12170d66}.toast-msg.show{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}#store-map{width:100%;height:100%}.leaflet-popup-content-wrapper{background:var(--canvas-card)!important;color:var(--olive)!important;border:1px solid var(--border-color)!important;font-family:var(--font-body)!important;border-radius:16px!important;padding:8px!important;box-shadow:0 16px 36px -6px #00000040!important}.leaflet-popup-tip{background:var(--canvas-card)!important}.leaflet-popup-close-button{color:var(--earth-muted)!important;padding:6px 8px!important}.custom-kumo-marker{justify-content:center;align-items:center;display:flex!important}[data-theme=dark] .leaflet-tile{filter:brightness(.82)invert()contrast(1.15)hue-rotate(180deg)saturate(.35)}[data-theme=dark] .leaflet-container{background:#181f13!important}.thu-mua-tab{border:1.5px solid var(--border-color);background-color:var(--canvas-card);color:var(--earth-muted);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.8125rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.thu-mua-tab:hover{border-color:var(--sage);color:var(--olive);background-color:var(--sage-bg)}.thu-mua-tab.active{background-color:var(--forest);color:var(--canvas);border-color:var(--forest);box-shadow:0 4px 18px -2px #242e1b59}.thu-mua-panel{animation:.35s cubic-bezier(.16,1,.3,1) kumo-panel-fade;display:none}.thu-mua-panel.active{display:block}@keyframes kumo-panel-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-nav-tab{border:1px solid var(--border-color);background-color:var(--canvas-card);color:var(--earth-muted);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-nav-tab:hover{border-color:var(--sage);color:var(--olive);background-color:var(--sage-bg)}.admin-nav-tab.active{background-color:var(--forest);color:var(--canvas);border-color:var(--forest);box-shadow:0 4px 12px -2px #242e1b4d}.admin-tab-panel{animation:.3s ease-out kumo-panel-fade}.kumo-hero-stage{padding:105px 24px 60px;position:relative;overflow:hidden}.kumo-watermark{font-family:var(--font-heading);letter-spacing:.14em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--sage);opacity:.05;z-index:1;font-size:clamp(3.5rem,13vw,12rem);font-weight:800;transition:opacity .4s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .kumo-watermark{opacity:.09;color:var(--sage-light)}.kumo-aura{pointer-events:none;z-index:1;background:radial-gradient(#7e90703d 0%,#7e90700f 45%,#0000 70%);width:900px;max-width:95vw;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .kumo-aura{background:radial-gradient(#98aa8a38 0%,#222c1b59 50%,#0000 75%)}.kumo-stage-3d{perspective:1200px;perspective-origin:50%}.kumo-product-card{transform-style:preserve-3d;will-change:transform;transition:transform .12s cubic-bezier(.25,.46,.45,.94);position:relative}.kumo-monitor-img{filter:drop-shadow(0 20px 30px #12170d26);will-change:transform, opacity;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .kumo-monitor-img{filter:drop-shadow(0 25px 35px #000000b3)}.kumo-monitor-shadow{filter:blur(8px);z-index:0;pointer-events:none;background:radial-gradient(#12170d59 0%,#12170d00 70%);border-radius:50%;height:28px;position:absolute;bottom:0;left:20%;right:20%}[data-theme=dark] .kumo-monitor-shadow{background:radial-gradient(#000000bf 0%,#0000 70%)}.kumo-chip{background:var(--canvas-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px -4px #12170d1a}.kumo-chip:hover{border-color:var(--sage);transform:translateY(-3px)scale(1.03);box-shadow:0 14px 32px -4px #12170d29}.kumo-angle-dock{background:var(--cream);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:3px;padding:4px;display:inline-flex;box-shadow:0 4px 18px -2px #12170d14}.kumo-angle-btn{color:var(--earth-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.kumo-angle-btn:hover{color:var(--olive);background:var(--sage-bg)}.kumo-angle-btn.active{background:var(--canvas-card);color:var(--olive);border:1px solid var(--border-color);box-shadow:0 3px 10px #12170d1a}.liquid-glass-overlay{z-index:1050;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:radial-gradient(circle,#12170d73 0%,#12170dbf 100%);justify-content:center;align-items:center;padding:16px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.liquid-glass-overlay.active{opacity:1;pointer-events:auto}.liquid-glass-card{-webkit-backdrop-filter:blur(28px)saturate(180%);width:100%;max-width:680px;max-height:92vh;color:var(--olive);background:linear-gradient(135deg,#ffffffbf 0%,#f5f8f280 50%,#ffffff59 100%);border:1.5px solid #ffffffd9;border-radius:28px;padding:32px 28px 26px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:relative;overflow-y:auto;transform:translateY(24px)scale(.96);box-shadow:0 30px 60px -12px #12170d59,inset 0 2px 4px #fffffff2,inset 0 -2px 6px #0000000d}[data-theme=dark] .liquid-glass-card{background:linear-gradient(135deg,#1e2a18d1 0%,#141b10b8 50%,#0c1009e6 100%);border:1.5px solid #98aa8a66;box-shadow:0 35px 70px -12px #000000d9,inset 0 2px 4px #ffffff26,inset 0 -2px 6px #00000080}.liquid-glass-overlay.active .liquid-glass-card{transform:translateY(0)scale(1)}.liquid-orb-glow{filter:blur(25px);pointer-events:none;z-index:0;background:radial-gradient(circle,#4ade8059 0%,#22c55e0d 60%,#0000 80%);border-radius:50%;width:170px;height:170px;position:absolute;top:-30px;right:-30px}.liquid-glass-close{width:38px;height:38px;color:var(--olive);cursor:pointer;z-index:20;background:#ffffffa6;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:18px;right:18px;box-shadow:0 4px 14px #12170d1a}[data-theme=dark] .liquid-glass-close{color:#faf9f6;background:#ffffff1f;border-color:#ffffff40}.liquid-glass-close:hover{background:#fffffff2;transform:scale(1.1)rotate(90deg);box-shadow:0 8px 20px #12170d33}[data-theme=dark] .liquid-glass-close:hover{background:#ffffff40}.liquid-item-card{background:#ffffff80;border:1px solid #fffc;border-radius:18px;padding:14px 16px;transition:all .25s;box-shadow:0 6px 16px -4px #12170d0f}[data-theme=dark] .liquid-item-card{background:#ffffff0f;border-color:#ffffff1f}.liquid-item-card:hover{border-color:var(--sage);background:#ffffffb3;transform:translateY(-2px)}[data-theme=dark] .liquid-item-card:hover{background:#ffffff1a}