:root{--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--primary-blue: #2563eb;--primary-indigo: #4f46e5;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Kanit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#020617;min-height:100vh;color:var(--slate-100);line-height:1.6}.font-premium{font-family:Oswald,sans-serif;text-transform:uppercase}.font-thai{font-family:Kanit,sans-serif}.font-orbitron{font-family:Orbitron,sans-serif}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.bento-card{transition:all .5s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid var(--slate-200);box-shadow:0 4px 6px -1px #0000000d}.bento-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px #0000001a,0 18px 36px -18px #0000000d;border-color:#3b82f64d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none}@supports (scrollbar-width: none){.no-scrollbar{scrollbar-width:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:800}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}button,a,input,select{transition:all .2s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.animate-delay-200{animation-delay:.2s}.animate-delay-400{animation-delay:.4s}.stock-bar{width:var(--stock-width, 0%);background-color:var(--stock-color, #cbd5e1);transition:width .5s ease-out}.text-gradient{background:linear-gradient(135deg,var(--primary-blue),var(--primary-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:0 0 20px #3b82f64d}@media print{body{background:#fff;background-image:none}.no-print{display:none!important}}@media(max-width:640px){body{font-size:14px}}@media(min-width:400px){.xs\:flex{display:flex!important}.xs\:inline{display:inline!important}.xs\:text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.xs\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.xs\:text-base{font-size:1rem!important;line-height:1.5rem!important}.xs\:text-\[9px\]{font-size:9px!important}}@media(max-width:399px){.hidden.xs\:flex,.hidden.xs\:inline,.xs\:hidden-below{display:none!important}}.scrollbar-hide{-ms-overflow-style:none}@supports (scrollbar-width: none){.scrollbar-hide{scrollbar-width:none}}.scrollbar-hide::-webkit-scrollbar{display:none}@media(hover:none)and (pointer:coarse){.hover\:bg-white\/10:active,.hover\:bg-slate-800\/80:active{background-color:#ffffff26}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-shadow-secondary{box-shadow:0 4px 12px rgba(var(--theme-secondary-rgb, 99, 102, 241),.4)}.theme-gradient-bg-soft{background:linear-gradient(to right,rgba(var(--theme-primary-rgb),.1),rgba(var(--theme-secondary-rgb, 99, 102, 241),.1))}.theme-gradient-overlay-primary{background:linear-gradient(135deg,var(--theme-primary) 0%,transparent 100%)}.theme-gradient-overlay-secondary{background:linear-gradient(135deg,var(--theme-secondary) 0%,transparent 100%)}.theme-gradient-overlay-accent{background:linear-gradient(135deg,var(--theme-accent) 0%,transparent 100%)}.theme-bg-primary-soft-20{background-color:rgba(var(--theme-primary-rgb),.2)}.theme-bg-secondary-soft-20{background-color:rgba(var(--theme-secondary-rgb, 99, 102, 241),.2)}.theme-bg-accent-soft-20{background-color:#ec489933}.dynamic-scale{transform:scale(var(--dynamic-scale-value))}.dynamic-transform{transform:var(--dynamic-transform-value)}.item-bg{background-color:var(--item-color)}.item-text{color:var(--item-color)}.item-border{border-color:var(--item-color)}.item-shadow{box-shadow:0 0 15px var(--item-color)}.item-glow-bg{background:radial-gradient(circle,var(--item-color) .2,transparent .7)}.dynamic-shadow{box-shadow:var(--dynamic-shadow-value)}.dynamic-bg{background:var(--dynamic-bg-value)}.dynamic-color{color:var(--dynamic-color-value)}.dynamic-bg-color{background-color:var(--dynamic-bg-color-value)}.dynamic-height{height:var(--dynamic-height-value)}.dynamic-filter{filter:var(--dynamic-filter-value)}.dynamic-stroke{stroke:var(--dynamic-stroke-value)}.dynamic-fill{fill:var(--dynamic-fill-value)}.dynamic-fill .no-print{display:none!important}:root{--theme-primary: #6366f1;--theme-secondary: #8b5cf6;--theme-accent: #ec4899;--theme-primary-rgb: 99, 102, 241}.theme-bg-primary{background-color:var(--theme-primary)}.theme-text-primary{color:var(--theme-primary)}.theme-text-secondary{color:var(--theme-secondary)}.theme-border-primary{border-color:var(--theme-primary)}.theme-shadow-primary{box-shadow:0 8px 20px rgba(var(--theme-primary-rgb),.4)}.theme-gradient-primary{background:linear-gradient(to right,var(--theme-primary),var(--theme-secondary))}.theme-bg-soft{background-color:rgba(var(--theme-primary-rgb),.1)}.theme-bg-accent{background-color:var(--theme-accent)}.theme-bg-secondary{background-color:var(--theme-secondary)}.theme-border-secondary{border-color:var(--theme-secondary)}.theme-shadow-secondary{box-shadow:0 4px 12px #6366f166}.theme-shadow-accent{box-shadow:0 4px 12px #ec489966}.theme-scanline{background:linear-gradient(transparent,var(--theme-primary),transparent)}.theme-gradient-text{background-image:linear-gradient(to right,var(--theme-primary),var(--theme-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.theme-gradient-bg{background:linear-gradient(to right,var(--theme-primary),var(--theme-secondary))}.theme-gradient-bg-soft{background:linear-gradient(to right,rgba(var(--theme-primary-rgb),.1),#8b5cf61a)}.theme-border-left-primary{border-left:4px solid var(--theme-primary)}.js-dynamic-bg{background-color:var(--dynamic-bg)}.js-dynamic-color{color:var(--dynamic-color)}.js-dynamic-border{border-color:var(--dynamic-border)}.js-dynamic-shadow{box-shadow:var(--dynamic-shadow)}.js-dynamic-height{height:var(--dynamic-height)}.js-dynamic-opacity{opacity:var(--dynamic-opacity)}.js-dynamic-x{--x: var(--pos-x)}.js-dynamic-y{--y: var(--pos-y)}.bar-rect{transition:all .3s ease;transform-origin:bottom;transform:scaleY(1)}.bar-rect.active{transform:scaleY(1.02)}.toast-container{z-index:9999}@keyframes scan{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes beam{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.perspective-1000{perspective:1000px}.cyber-hologram-border{background:linear-gradient(120deg,transparent 45%,var(--theme-primary) 50%,transparent 55%);background-size:200% 100%;animation:scan 10s linear infinite;opacity:.3}.cyber-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--theme-primary-rgb),.05)}.text-glow{text-shadow:0 0 10px currentColor}