.landing-page{--bg-dark:#050505;--glass-bg:#ffffff05;--glass-border:#ffffff0f;--glass-border-hover:#ffffff26;--aurora-1:#6366f1;--aurora-2:#22d3ee;--aurora-3:#c084fc;background-color:var(--bg-dark);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page ::selection{color:#fff;background:#6366f166}.font-thai{font-family:Inter,Noto Sans Thai,sans-serif!important}.flex-center{justify-content:center;align-items:center;display:flex}.text-balance{text-wrap:balance}.shadow-inner-light{box-shadow:inset 0 1px 1px #ffffff1a}.aurora-blob{filter:blur(120px);opacity:.2;border-radius:50%;animation:25s ease-in-out infinite alternate aurora-flow;position:absolute}.blob-1{background:var(--aurora-1);width:60vw;height:60vw;top:-20%;left:-10%}.blob-2{background:var(--aurora-2);width:50vw;height:50vw;animation-direction:alternate-reverse;animation-delay:-5s;bottom:0%;right:-20%}.blob-3{background:var(--aurora-3);opacity:.15;filter:blur(150px);width:70vw;height:70vw;animation-delay:-10s;top:40%;left:30%}@keyframes aurora-flow{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,-10vh)scale(1.1)}66%{transform:translate(-5vw,15vh)scale(.9)}to{transform:translate(-15vw,5vh)scale(1.2)}}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.holo-text{background-image:linear-gradient(110deg,var(--aurora-1)0%,var(--aurora-2)20%,var(--aurora-3)40%,#fff 50%,var(--aurora-2)60%,var(--aurora-1)80%,var(--aurora-3)100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:-5px;padding-bottom:5px;animation:6s linear infinite holo-shine;display:inline-block}@keyframes holo-shine{to{background-position:200%}}.liquid-btn{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:0 5px 20px #fff3,inset 0 -2px 5px #0003}.liquid-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff6,inset 0 -2px 5px #0000001a}.perspective-container{perspective:2000px}.hover-tilt{transform-style:preserve-3d;transition:transform .1s linear,box-shadow .3s}.glass-plaque{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);transform-style:preserve-3d;background:#0a0a0c66;box-shadow:0 30px 60px -15px #000c,inset 0 1px 1px #ffffff26}.particle{filter:drop-shadow(0 10px 10px #00000080);opacity:0;font-size:1.5rem;animation:8s linear infinite floatUp;position:absolute;bottom:20%;left:50%}.p-1-anim{animation-delay:0s}.p-2-anim{font-size:1.2rem;animation-delay:2s}.p-3-anim{font-size:1.8rem;animation-delay:4s}.p-4-anim{font-size:1.3rem;animation-delay:6s}@keyframes floatUp{0%{opacity:0;transform:translate(-50%)scale(.5)}10%{opacity:1}50%{transform:translate(calc(40px - 50%),-150px)scale(1.2)}90%{opacity:1}to{opacity:0;transform:translate(calc(-50% - 20px),-300px)scale(.8)}}.rotate-X-60{transform:rotateX(60deg)translateY(50px)}.animate-marquee-mini{white-space:nowrap;animation:8s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.bento-container{max-width:1200px;margin:0 auto}.bento-item{background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:32px;padding:1px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:relative;box-shadow:0 20px 40px #0006}.bento-item:hover{background:linear-gradient(135deg,#fff3,#ffffff05);transform:translateY(-5px)scale(1.01);box-shadow:0 40px 80px #0009}.bento-inner{background-color:#08080a;border-radius:31px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff14}.animate-data-flow{animation:2s cubic-bezier(.4,0,.2,1) infinite flow}@keyframes flow{0%{opacity:0;left:-33%}50%{opacity:1}to{opacity:0;left:100%}}.animate-eq{animation:1.2s ease-in-out infinite alternate eqBounce}@keyframes eqBounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.stroke-dash-animate{stroke-dasharray:200;stroke-dashoffset:200px;animation:3s cubic-bezier(.16,1,.3,1) .5s forwards drawStroke}@keyframes drawStroke{to{stroke-dashoffset:0}}.shadow-text{text-shadow:0 0 15px #ffffff80}.animate-blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.aurora-border{background-size:200% 200%;animation:10s linear infinite hue-rotate}@keyframes hue-rotate{0%{filter:hue-rotate();background-position:0 0}50%{background-position:100% 100%}to{filter:hue-rotate(360deg);background-position:0 0}}.reveal-up{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(40px)scale(.97)}.reveal-up.visible{opacity:1;transform:translateY(0)scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media (max-width:768px){.blob-1,.blob-2,.blob-3{filter:blur(80px)}}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 0 30px #22d3ee4d}50%{transform:scale(1.05);box-shadow:0 0 50px #22d3ee99}}