@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Kanit:wght@300;400;500;600;700&family=Mitr:wght@300;400;500;600&display=swap";@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Bold-CryTTFFr.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Bold-CryTTFFr.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Heavy-C4Db_o7R.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Ekkamai Vibe;src:url(/assets/EkkamaiVibe-Heavy-C4Db_o7R.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Regular-DYCtkP3X.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Bold-CryTTFFr.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Bold-CryTTFFr.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Heavy-C4Db_o7R.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:EkkamaiVibe;src:url(/assets/EkkamaiVibe-Heavy-C4Db_o7R.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--bg-primary:#0b0e14;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--accent-color:#38bdf8;--accent-glow:#38bdf84d;--accent-secondary:#f97316;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#f8fafc14;--border-focus:#38bdf866;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);font-size:var(--font-size-base);font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--leading-tight);margin:0}h1{font-size:var(--font-size-5xl);letter-spacing:-.03em;font-weight:600;line-height:1.1}h2{font-size:var(--font-size-4xl);letter-spacing:-.02em;font-weight:600}h3{font-size:var(--font-size-2xl);font-weight:500}h4{font-size:var(--font-size-xl);font-weight:500}h5{font-size:var(--font-size-lg);font-weight:500}h6{font-size:var(--font-size-base);font-weight:500}p{line-height:var(--leading-normal);margin:0}small{font-size:var(--font-size-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.futuristic-font{letter-spacing:.01em;font-family:Inter,sans-serif;font-weight:500}strong,b{font-weight:600}html[lang=th] *{font-family:Mitr,Kanit,Ekkamai Vibe,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] h5,html[lang=th] h6,html[lang=th] .futuristic-font{font-family:Mitr,Kanit,Inter,sans-serif}html[lang=th] p,html[lang=th] span,html[lang=th] li,html[lang=th] a,html[lang=th] td,html[lang=th] th,html[lang=th] label{line-height:1.6;letter-spacing:.02em!important}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] h5,html[lang=th] h6,html[lang=th] .futuristic-font{letter-spacing:.01em!important}html[lang=th] input,html[lang=th] textarea,html[lang=th] select,html[lang=th] button,html[lang=th] .btn,html[lang=th] .form-input{letter-spacing:normal!important}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex-grow:1;padding-top:80px}.glow-text{color:var(--text-primary)}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0003}.glass-panel:hover{border-color:#38bdf833;box-shadow:0 4px 16px #0000004d}.btn{padding:var(--space-3) var(--space-6);cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:var(--font-size-sm);letter-spacing:0;justify-content:center;align-items:center;gap:var(--space-2);border:none;border-radius:8px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#0b0e14;border:none}.btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow);background-color:#22d3ee;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px var(--accent-glow);transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:#f8fafc26}.btn-secondary:active{background-color:#1e293bcc}.btn-outline-cyan{color:var(--accent-color);background-color:#0000;border:1px solid #38bdf84d}.btn-outline-cyan:hover{border-color:var(--accent-color);background-color:#38bdf81a}.btn-outline-cyan:active{background-color:#38bdf826}.bg-grid-glow{position:relative}.bg-grid-glow:before,.ambient-light,.ambient-glow-1,.ambient-glow-2{display:none}.card-3d{transition:transform .2s,box-shadow .2s,border-color .2s}.card-3d:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.scanner-overlay{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-element{animation:.5s ease-out forwards fadeInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-out forwards fadeIn}.perspective-scene{perspective:none}.glass-panel:before,.grid-bg{display:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}.container{max-width:1200px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}@media (width<=640px){.container{padding:0 var(--space-4)}}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);margin-bottom:var(--space-2);color:var(--text-secondary);letter-spacing:0;font-weight:400;display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-base);font-family:Inter,sans-serif;line-height:var(--leading-normal);border-radius:8px;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input:hover:not(:focus),.form-textarea:hover:not(:focus),.form-select:hover:not(:focus){border-color:#f8fafc26}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.page-fade-enter{opacity:0}.page-fade-enter-active{opacity:1;transition:opacity .3s ease-in}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (width<=767px){:root{--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-size-5xl:2.5rem}h1{font-size:clamp(1.875rem,8vw,3rem);line-height:1.15}h2{font-size:clamp(1.5rem,6vw,2.25rem);line-height:1.2}h3{font-size:clamp(1.25rem,5vw,1.5rem)}h4{font-size:clamp(1.0625rem,4vw,1.25rem)}body{font-size:.9375rem}.container{padding:0 var(--space-4)}}@media (width<=480px){.container{padding:0 var(--space-3)}}@media (width<=767px){.main-content{padding-top:72px}.btn{min-height:44px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);touch-action:manipulation}.btn-primary,.btn-secondary,.btn-outline-cyan{min-height:44px}.form-input,.form-textarea,.form-select{min-height:44px;padding:var(--space-3) var(--space-4);font-size:16px}.form-label{font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-4)}.glass-panel{border-radius:10px}.card-3d{transform:none!important}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-stack{flex-direction:column!important}}@media (width>=768px) and (width<=1023px){.container{padding:0 var(--space-6)}h1{font-size:clamp(2.5rem,6vw,3rem)}h2{font-size:clamp(2rem,5vw,2.5rem)}}@media (hover:none) and (pointer:coarse){.card-3d:hover{transform:none}a,button,input[type=button],input[type=submit]{min-width:44px;min-height:44px}}@media (width<=767px) and (orientation:landscape){.main-content{padding-top:64px}}@media (width<=375px){:root{--space-16:3rem;--space-20:4rem}.container{padding:0 var(--space-3)}.btn{padding:var(--space-2) var(--space-4);font-size:.8125rem}}html,body{max-width:100vw;overflow-x:hidden}*{max-width:100%}img{max-width:100%;height:auto;display:block}@media (width<=767px){table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}button,a.btn,input[type=button],input[type=submit],input[type=reset],.btn{touch-action:manipulation;min-width:44px;min-height:44px}@media (width<=767px){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea{min-height:44px;font-size:16px!important}textarea{min-height:88px}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (width<=480px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (width<=767px){[style*="display: grid"],[style*=gridTemplateColumns]{grid-template-columns:1fr!important}[style*="display: flex"]{flex-wrap:wrap}.glass-panel{border-radius:clamp(12px,3vw,16px)!important;padding:clamp(1rem,4vw,1.5rem)!important}[style*="position: fixed"][style*="inset: 0"],[style*="position: fixed"][style*="z-index: 999"]{padding:16px!important}.card-3d:hover{transform:none}[class*=stats-grid],[class*=stat-container]{gap:var(--space-4)!important;grid-template-columns:1fr!important}[class*=hero] h1,[style*=fontSize][style*=clamp] h1{font-size:clamp(1.75rem,8vw,2.5rem)!important;line-height:1.2!important}[class*=hero] p{font-size:clamp(.9375rem,3vw,1.125rem)!important}}@media (width<=1023px){nav{padding:var(--space-3) var(--space-4)!important}nav [style*=gap]{gap:var(--space-2)!important}}@media (width<=767px){footer{padding:clamp(2rem,6vh,3rem) 0 clamp(1rem,3vh,1.5rem)!important}footer [style*="display: grid"]{grid-template-columns:1fr!important;gap:clamp(1.5rem,4vw,2rem)!important}[style*="display: flex"][style*=gap] button,.btn-group{width:100%;margin-bottom:var(--space-2)}h1,h2,h3,h4,h5,h6,p,span,div{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}[style*="z-index: 1000"],[style*="z-index: 999"]{position:fixed!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}}@media (width<=896px) and (orientation:landscape){[style*="height: 100vh"]{min-height:100vh;height:auto!important}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.glass-panel{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){body{background-color:var(--bg-primary)}}@media print{nav,footer,.btn,[style*="position: fixed"]{display:none!important}body{color:#000!important;background:#fff!important}.glass-panel{background:#fff!important;border:1px solid #ccc!important}}