:root{--grid-cols:3;--card-radius:14px;--badge-pos:6px;--badge-pos-left:auto}body{font-family:Noto Sans Thai,Kanit,sans-serif;font-size:15px;line-height:1.6;color:var(--t-text);background:linear-gradient(180deg,var(--t-bg) 0%,var(--t-bg4) 30%,var(--t-bg3) 60%,var(--t-bg2) 100%);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom:72px}.ticker{height:32px;overflow:hidden;background:linear-gradient(90deg,var(--t-dark3),var(--t-dark));display:flex;align-items:center;padding:0 12px}.ticker-scroll .ticker-track{display:flex;gap:48px;animation:tickScroll 30s linear infinite;white-space:nowrap}.ticker-scroll .ticker-item{font-size:11px;color:var(--t-accent);font-weight:500;opacity:.9}.ticker-fade .ticker-fade-item{position:absolute;opacity:0;transition:opacity .6s;font-size:12px;font-weight:500;color:var(--t-accent);white-space:nowrap}.ticker-slide .ticker-slide-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--t-accent);transform:translateY(100%);opacity:0;transition:all .4s ease}.hdr{position:sticky;top:0;z-index:100;background:linear-gradient(to right,var(--t-dark),var(--t-dark2));padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000004d}.hdr-menu{width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.hdr-menu span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}.hdr-brand-link{display:flex;align-items:center;gap:8px}.hdr-logo-img{height:36px;width:auto;object-fit:contain;border-radius:8px}.hdr-logo-text{font-size:18px;font-weight:800;color:var(--t-accent);letter-spacing:.5px;text-shadow:0 0 12px rgba(255,213,79,.4)}.hdr-actions{display:flex;gap:8px;align-items:center}.btn-login{padding:8px 20px;border-radius:24px;background:linear-gradient(135deg,var(--t-accent),var(--t-pri));color:var(--t-text);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #ffc1074d,0 1px 2px #00000026,inset 0 1px #ffffff4d;transition:all .25s ease;text-shadow:0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,213,79,.5);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.btn-login:hover{background:linear-gradient(135deg,var(--t-accent),var(--t-pri));box-shadow:0 4px 16px #ffc10773,0 2px 4px #0003,inset 0 1px #fff6;transform:translateY(-1px)}.btn-login:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 4px #ffc10733}.btn-register{padding:8px 20px;border-radius:24px;background:var(--t-grad);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 12px #ff6f0066,0 1px 2px #0003,inset 0 1px #ffffff26;transition:all .25s ease;text-shadow:0 1px 2px rgba(0,0,0,.2);border:1px solid rgba(255,143,0,.6);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.btn-register:hover{background:var(--t-grad);box-shadow:0 6px 24px #ff6f0080,0 2px 4px #00000040,0 0 20px #ff8f0033,inset 0 1px #fff3;transform:translateY(-2px)}.btn-register:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 6px #ff6f0040}.banner{padding:4px 12px 0}.banner-slider{width:100%;border-radius:16px;overflow:hidden}.banner-slide{width:100%;position:relative;overflow:hidden;border-radius:16px}.banner-slide img{width:100%;height:auto;display:block;object-fit:contain}.banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:16px;background:var(--t-grad);border-radius:16px}.bp-title{font-size:16px;font-weight:600;color:var(--t-accent)}.bp-sub{font-size:32px;font-weight:800;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.bp-amount{font-size:13px;color:var(--t-accent);margin-top:4px;font-weight:600}.banner-dots{display:flex;justify-content:center;gap:6px;padding:10px 0}.banner-dot{width:8px;height:8px;border-radius:50%;background:#00000026;transition:all .3s}.banner-dot.active{background:var(--t-sec);width:22px;border-radius:4px}.seo-hero{padding:20px 16px 12px;text-align:center;display:block!important;grid-template-columns:none!important}.seo-h1{font-size:clamp(22px,6vw,32px);font-weight:900;color:var(--t-text);line-height:1.25;margin-bottom:10px;letter-spacing:-.3px;text-shadow:0 1px 0 rgba(255,255,255,.4)}.seo-h1:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--t-pri),var(--t-accent));border-radius:4px;margin:10px auto 0}.seo-intro{font-size:clamp(13px,3.5vw,15px);color:var(--t-text2);line-height:1.7;max-width:480px;margin:0 auto}.sb-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;cursor:pointer;position:relative;transition:all .2s}.sb-item:after{content:"";position:absolute;right:0;top:15%;height:70%;width:3px;background:var(--t-pri);border-radius:3px 0 0 3px;opacity:0;transition:opacity .2s}.sb-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-card,rgba(0,0,0,.08));transition:all .2s;color:var(--text-2,#5D4037)}.sb-item.active .sb-icon{background:var(--t-grad);box-shadow:0 3px 10px #ff6f0059;transform:scale(1.05);color:#fff}.sb-label{font-size:10px;color:var(--text-2,rgba(0,0,0,.7));font-weight:600;text-align:center;line-height:1.1}.sb-item.active .sb-label{color:var(--t-cta-text);font-weight:700}.cat-header{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:10px;background:var(--bg-card,rgba(0,0,0,.06));border-radius:12px}.cat-icon{width:28px;height:28px;border-radius:8px;background:var(--t-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-header-title{font-size:15px;font-weight:700;color:var(--t-text)}.game-thumb{width:100%;aspect-ratio:1/1;border-radius:var(--card-radius);overflow:hidden;position:relative;box-shadow:0 3px 12px #00000026;background:var(--t-dark)}.game-badge{position:absolute;top:5px;right:var(--badge-pos);left:var(--badge-pos-left);background:linear-gradient(135deg,#ff1744,#d50000);color:#fff;font-size:8px;font-weight:800;padding:2px 7px;border-radius:6px;z-index:2;box-shadow:0 2px 6px #d500004d}.game-name{font-size:12px;font-weight:600;color:var(--t-text);text-align:center;line-height:1.3}.seo-features{margin-top:20px;padding:0 4px}.seo-section{margin-top:24px;padding:0 4px}.seo-h2{font-size:clamp(18px,5vw,24px);font-weight:800;color:var(--t-text);margin-bottom:14px;padding-left:4px;line-height:1.3;letter-spacing:-.2px;position:relative}.seo-h2 .h2-icon{margin-right:8px;font-size:1.1em;vertical-align:middle}.seo-section.layout-left .seo-h2{padding-left:14px;border-left:4px solid var(--t-pri);text-align:left}.seo-section.layout-left .seo-desc{text-align:left}.seo-section.layout-center .seo-h2{text-align:center;padding-left:0;border-left:none}.seo-section.layout-center .seo-h2:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--t-pri),var(--t-accent));border-radius:3px;margin:8px auto 0}.seo-section.layout-center .seo-desc{text-align:center}.seo-section.layout-icon .seo-h2{background:#0000000f;border-radius:12px;text-align:left;padding:12px 16px 12px 14px;border-left:none}.seo-section.layout-icon .seo-desc{text-align:left}.seo-section.layout-underline .seo-h2{text-align:left;padding-left:0;padding-bottom:10px;border-left:none;border-bottom:3px double var(--t-pri)}.seo-section.layout-underline .seo-desc{text-align:left}.seo-section.layout-boxed .seo-h2{padding:14px 18px;background:linear-gradient(135deg,#ff6f0014,#ffd54f1a);border-radius:14px;text-align:center;border-left:none;border:1px solid rgba(255,111,0,.15)}.seo-section.layout-boxed .seo-desc{text-align:center}.seo-desc{font-size:clamp(13px,3.5vw,15px);color:var(--t-text2);line-height:1.7;margin-bottom:16px}.seo-h3{font-size:clamp(15px,4vw,18px);font-weight:700;color:var(--t-text);margin:20px 0 10px;padding-left:10px;border-left:3px solid var(--t-accent);line-height:1.3}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card{background:rgba(255,255,255,var(--t-white-alpha));border-radius:14px;padding:16px 14px;text-align:center;border:1px solid rgba(255,255,255,.3);transition:transform .2s}.feature-card:active{transform:scale(.97)}.feature-icon{display:flex;justify-content:center;margin-bottom:10px}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--t-text);margin-bottom:6px;line-height:1.3}.feature-card p{font-size:clamp(12px,3vw,13.5px);color:var(--t-text2);line-height:1.6}.h2-list{display:flex;flex-direction:column;gap:12px}.h2-card{background:var(--bg-card,rgba(255,255,255,.08));border-radius:14px;padding:16px;border:1px solid var(--border,rgba(255,255,255,.1));cursor:pointer;transition:all .25s;overflow:hidden}.h2-card:hover{border-color:var(--t-pri,#c62828)}.h2-head{display:flex;align-items:center;gap:10px}.h2-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,var(--t-pri,#c62828),var(--t-sec,#d4a853));color:#fff}.h2-icon svg{width:20px;height:20px;stroke:#fff;fill:none}.h2-title{font-size:clamp(14px,3.8vw,17px);font-weight:700;color:var(--text,#e8e0f0);line-height:1.3;word-break:break-word;overflow-wrap:break-word}.h2-desc{font-size:clamp(12.5px,3.2vw,14px);color:var(--text-2,#e8e0f0cc);line-height:1.65;margin-top:10px;max-height:0;overflow:hidden;transition:max-height .35s ease;word-break:break-word;overflow-wrap:break-word}.h2-card.expanded .h2-desc{max-height:500px}.faq-item{margin-bottom:8px;background:rgba(255,255,255,var(--t-white-alpha));border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.faq-q{padding:14px;font-size:14px;font-weight:600;color:var(--t-text);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.faq-q:after{content:"+";margin-left:auto;font-size:16px;font-weight:700;color:var(--t-pri);transition:transform .2s}.faq-a{padding:0 14px 14px;font-size:13.5px;color:var(--t-text2);line-height:1.6}.cta-box{margin-top:20px;padding:24px 16px;background:linear-gradient(135deg,#bf360c1f,#ff6f0014);border:1px dashed rgba(191,54,12,.25);border-radius:16px;text-align:center}.cta-text{font-size:15px;font-weight:700;color:var(--t-cta-text);margin-bottom:12px}.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:28px;background:var(--t-grad);color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 20px #e6510066,0 2px 6px #0003,inset 0 1px #ffffff26;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.2);border:1px solid rgba(255,143,0,.5);text-decoration:none;letter-spacing:.5px;position:relative;overflow:hidden}.btn-cta:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transition:transform .6s;transform:translate(-100%) rotate(45deg)}.btn-cta:hover:after{transform:translate(100%) rotate(45deg)}.btn-cta:hover{background:var(--t-grad);box-shadow:0 8px 32px #ff6f0080,0 4px 8px #0003,0 0 30px #ff8f0026;transform:translateY(-2px)}.btn-cta:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 8px #ff6f004d}.bnav{position:fixed;bottom:0;left:0;right:0;z-index:99;background:linear-gradient(to top,var(--t-dark),var(--t-dark2));display:flex;align-items:flex-end;justify-content:space-around;padding:0 0 calc(4px + env(safe-area-inset-bottom,0px)) 0;max-width:520px;margin:0 auto;box-shadow:0 -2px 16px #0000004d}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 4px;text-decoration:none;transition:all .2s;cursor:pointer;color:#ffffff80}.bnav-icon svg{width:20px;height:20px;stroke:#ffffff80}.bnav-label{font-size:9px;color:#ffffff80;font-weight:500}.bnav-cta .bnav-icon-wrap{width:54px;height:54px;background:var(--t-grad);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-24px;box-shadow:0 4px 20px #ff6f0080,0 0 0 4px var(--t-dark);animation:bnavPulse 2.5s ease-in-out infinite}.bnav-cta .bnav-label{color:var(--t-accent);font-weight:700;margin-top:4px}.container{max-width:960px;margin:0 auto;padding:0 16px}.page-header{text-align:center;padding:clamp(3em,6vw,5em) 16px clamp(1.5em,3vw,2.5em)}.page-header h1{font-size:clamp(1.8em,6vw,2.8em);font-weight:900;color:#fff;margin-bottom:.4em;letter-spacing:-.5px;text-shadow:0 0 24px var(--t-glow,rgba(0,212,255,.3))}.page-header p{font-size:clamp(.95em,3.5vw,1.15em);color:var(--t-text2);max-width:480px;margin:0 auto}.page-section{padding:2em 16px clamp(2em,4vw,3em)}.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1em,2vw,1.5em)}.promo-card{background:rgba(255,255,255,var(--t-white-alpha));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s,box-shadow .3s}.promo-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 0 1px var(--t-pri-border,rgba(0,212,255,.2))}.promo-body{padding:clamp(1em,2.5vw,1.5em);display:flex;flex-direction:column}.promo-tag{display:inline-block;padding:3px 10px;background:var(--t-grad);color:#fff;font-size:10px;font-weight:700;border-radius:6px;margin-bottom:8px;align-self:flex-start}.promo-body h3{font-size:clamp(1em,3.2vw,1.15em);font-weight:700;color:var(--t-text);margin-bottom:6px;line-height:1.3}.promo-body p{font-size:.88em;color:var(--t-text2);line-height:1.7;margin-bottom:12px;flex:1}.btn-sm{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:22px;background:var(--t-grad);color:#fff;font-size:12px;font-weight:700;align-self:flex-start;text-decoration:none;transition:all .25s ease;box-shadow:0 2px 12px var(--t-glow,rgba(0,212,255,.3));border:none;min-height:36px}.btn-sm:hover{box-shadow:0 4px 20px var(--t-glow2,rgba(0,212,255,.5));transform:translateY(-1px)}.btn-sm:active{transform:translateY(1px) scale(.97)}@media(max-width:480px){.promo-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1em,2.5vw,1.5em);margin-bottom:clamp(2em,4vw,3em)}.contact-card{background:rgba(255,255,255,var(--t-white-alpha));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:clamp(1.2em,3vw,2em);text-align:center;border:1px solid rgba(255,255,255,.08);transition:transform .3s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.contact-icon{font-size:2em;margin-bottom:.4em}.contact-card h3{font-size:clamp(1em,3.2vw,1.15em);font-weight:700;color:var(--t-text);margin-bottom:4px}.contact-card p{font-size:.9em;color:var(--t-text2);margin-bottom:2px}.contact-desc{font-size:.82em!important;color:var(--t-text-muted)!important}.contact-card-link{text-decoration:none;cursor:pointer}.contact-cta{text-align:center;padding:clamp(2em,5vw,3em) 16px;background:rgba(255,255,255,var(--t-white-alpha));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.contact-cta h2{font-size:clamp(1.5em,4.5vw,2.2em);font-weight:800;color:var(--t-text);margin-bottom:8px}.contact-cta p{color:var(--t-text2);margin-bottom:1.5em;font-size:1em}.btn-lg{padding:12px 32px!important;font-size:14px!important;border-radius:24px}@media(max-width:480px){.contact-grid{grid-template-columns:1fr}}.login-section{padding:3em 16px;min-height:60vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px;background:rgba(255,255,255,var(--t-white-alpha));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:clamp(2em,5vw,3em);text-align:center;border:1px solid rgba(255,255,255,.08)}.login-logo{height:50px;width:auto;margin:0 auto 16px;object-fit:contain}.login-card h1{font-size:clamp(1.5em,5vw,2em);font-weight:800;color:var(--t-text);margin-bottom:6px}.login-card .sub{font-size:.95em;color:var(--t-text2);margin-bottom:24px}.login-redirect{margin-bottom:20px}.login-redirect p{font-size:.95em;color:var(--t-text2);margin-bottom:16px}.login-footer{padding-top:16px;border-top:1px dashed rgba(255,255,255,.1)}.login-footer p{font-size:.9em;color:var(--t-text2)}.register-link{color:var(--t-cta-text);font-weight:700;text-decoration:none}.register-link:hover{color:var(--t-cta-text)}.article-page{padding:2em 16px 3em}.breadcrumbs{display:flex;align-items:center;gap:.4em;font-size:.82em;color:var(--t-text-muted);margin-bottom:1.5em;flex-wrap:wrap}.breadcrumbs a{color:var(--t-text-muted);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--t-sec)}.bc-current{color:var(--t-text);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-header{text-align:center;margin-bottom:2em}.article-meta{font-size:.82em;color:var(--t-text-muted);margin-bottom:8px}.article-header h1{font-size:clamp(1.6em,5vw,2.5em);line-height:1.25;color:var(--t-text);font-weight:900;max-width:720px;margin:0 auto;letter-spacing:-.3px}.article-content{max-width:720px;margin:0 auto}.prose p{margin-bottom:1.5em;line-height:1.9;color:var(--t-text2);font-size:1em}.prose h2{margin-top:2em;margin-bottom:.6em;color:var(--t-text);font-size:clamp(1.3em,4vw,1.7em);font-weight:800;padding-left:12px;border-left:4px solid var(--t-pri);line-height:1.3}.prose h3{margin-top:1.5em;margin-bottom:.5em;color:var(--t-text);font-size:clamp(1.1em,3.5vw,1.35em);font-weight:700;line-height:1.3}.prose ul,.prose ol{margin-bottom:1.5em;padding-left:1.5em}.prose li{margin-bottom:.3em;color:var(--t-text2);line-height:1.7}.prose blockquote{border-left:4px solid var(--t-pri);padding:.5em 0 .5em 1.5em;margin:1.5em 0;background:#00d4ff0d;border-radius:0 8px 8px 0;font-style:italic}.prose img{border-radius:12px;margin:1em 0}.prose table{width:100%;border-collapse:collapse;margin-bottom:1.5em}.prose th,.prose td{padding:.6em 1em;border:1px solid rgba(255,255,255,.08);text-align:left}.prose th{background:#00d4ff0f;font-weight:700;color:#fff}.article-footer-cta{max-width:720px;margin:2em auto 0;padding:1.2em;text-align:center;background:rgba(255,255,255,var(--t-white-alpha));border-radius:12px;border-left:4px solid var(--t-pri)}.article-footer-cta p{color:var(--t-text2);font-size:.92em}.article-footer-cta a{color:var(--t-cta-text);font-weight:700;text-decoration:none}.article-footer-cta a:hover{color:var(--t-sec)}.blog-grid{display:grid;grid-template-columns:1fr;gap:16px}.blog-card{display:block;background:rgba(255,255,255,var(--t-white-alpha));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:clamp(1em,2.5vw,1.5em);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all .3s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;border-color:#00d4ff33}.blog-card h3{font-size:clamp(1em,3.2vw,1.15em);font-weight:700;color:var(--t-text);margin-bottom:6px;line-height:1.3}.blog-card p{font-size:.88em;color:var(--t-text2);line-height:1.6;margin-bottom:8px}.blog-card .blog-date{font-size:.78em;color:var(--t-text-muted);font-weight:500}.blog-card .read-more{font-size:.88em;color:var(--t-cta-text);font-weight:700}@media(min-width:480px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}body{max-width:520px;margin:0 auto}rn@media(min-width:521px){body{box-shadow:0 0 40px #00000040}.bnav,.bottom-nav,.popup-overlay,.exit-overlay{max-width:520px;left:50%;transform:translate(-50%)}}.banner-wrap{position:relative;width:100%;border-radius:16px;overflow:hidden;background:var(--bg,#0a0a1a)}.banner-wrap img{width:100%;height:auto;display:block;object-fit:contain;border-radius:16px}.banner-wrap .b-front{position:relative;z-index:2;opacity:1;transition:opacity 1s ease}.banner-wrap .b-back{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;object-fit:contain}.banner-dots{display:flex;justify-content:center;gap:6px;padding:10px 0;position:relative;z-index:3}.banner-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s}.banner-dot.active{background:var(--t-pri,var(--gold,#d4a849));width:22px;border-radius:4px}:root{--grid-cols:3;--card-radius:14px;--badge-pos:6px;--badge-pos-left:auto;--t-pri:#00d4ff;--t-sec:#0091ea;--t-accent:#ff2d78;--t-bg:#0a0e27;--t-bg2:#0d1233;--t-bg3:#0a0e27;--t-bg4:#080c22;--t-dark:#060919;--t-dark2:#0a0e27;--t-dark3:#04061a;--t-dark4:#0d1233;--t-text:#e8eaf6;--t-text2:#c5cae9;--t-text-muted:#7986cb;--t-card-light-bg:linear-gradient(135deg,rgba(0,212,255,.08),rgba(0,145,234,.05));--t-card-light-text:#e8eaf6;--t-h1-color:#00d4ff;--t-cta-bg:rgba(0,212,255,.1);--t-cta-border:rgba(0,212,255,.3);--t-cta-text:#00d4ff;--t-badge-bg:linear-gradient(135deg,#ff2d78,#e91e63);--t-grad:linear-gradient(135deg,var(--t-pri),var(--t-sec));--t-glow:rgba(0,212,255,.35);--t-glow2:rgba(0,212,255,.55);--t-accent-glow:rgba(255,45,120,.3);--t-accent-glow2:rgba(255,45,120,.5);--t-accent-border:rgba(0,212,255,.2);--t-accent-border2:rgba(0,212,255,.12);--t-pri-border:rgba(0,212,255,.25);--t-sb-active-label:#00d4ff;--t-white-alpha:.06;--t-black-alpha:.35}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Noto Sans Thai,Kanit,sans-serif;font-size:14px;line-height:1.6;color:var(--t-text);background:linear-gradient(170deg,var(--t-bg) 0%,var(--t-bg4) 40%,var(--t-bg2) 100%);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom:72px}img,svg{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.ticker{height:42px;overflow:hidden;background:linear-gradient(90deg,var(--t-dark3),var(--t-dark),var(--t-dark3));display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--t-pri-border);box-shadow:0 2px 16px #00d4ff1a}.ticker-big{height:46px;background:linear-gradient(90deg,var(--t-dark3) 0%,var(--t-dark2) 30%,var(--t-dark) 70%,var(--t-dark3) 100%);border-top:1px solid var(--t-accent-border2);border-bottom:1px solid var(--t-pri-border)}.ticker-scroll .ticker-track{display:flex;gap:48px;animation:tickScroll 25s linear infinite;white-space:nowrap}.ticker-scroll .ticker-item{font-size:14px;color:var(--t-pri);font-weight:600;opacity:.95;text-shadow:0 0 12px var(--t-glow)}@keyframes tickScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-fade{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ticker-fade .ticker-fade-item{position:absolute;opacity:0;transition:opacity .6s;font-size:15px;font-weight:600;color:var(--t-pri);white-space:nowrap;text-shadow:0 0 12px var(--t-glow)}.ticker-fade .ticker-fade-item.active{opacity:1}.ticker-slideUp,.ticker-slide{position:relative;width:100%;height:100%}.ticker-slide .ticker-slide-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--t-pri);transform:translateY(100%);opacity:0;transition:all .4s ease;text-shadow:0 0 12px var(--t-glow)}.ticker-slide .ticker-slide-item.active{transform:translateY(0);opacity:1}.banner{padding:0;margin:0}.banner-wrap{position:relative;width:100%;overflow:hidden;background:var(--t-dark)}.banner-wrap img{width:100%;display:block;transition:opacity 1s ease-in-out}.banner-wrap .b-front{position:relative;z-index:2}.banner-wrap .b-back{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:1}.banner-wrap.swapping .b-front{opacity:0}.banner-wrap.swapping .b-back{opacity:1}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px}.banner-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-card, rgba(255,255,255,.3));cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.4)}.banner-dot.active{background:var(--t-pri);width:24px;border-radius:5px;border-color:var(--t-pri);box-shadow:0 0 12px var(--t-glow2)}.banner-placeholder{width:100%;padding-bottom:43.75%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--t-bg2),var(--t-dark3))}.banner-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(0,212,255,.03) 20px,rgba(0,212,255,.03) 40px)}.banner-placeholder div{position:absolute;width:100%;text-align:center;color:#fff}.bp-title{top:20%;font-size:16px;font-weight:600;color:var(--t-pri);text-shadow:0 0 20px var(--t-glow)}.bp-sub{top:35%;font-size:32px;font-weight:800;line-height:1.1;text-shadow:0 0 30px var(--t-glow);padding:0 16px;color:#fff}.bp-amount{top:65%;font-size:13px;color:var(--t-accent);font-weight:700;text-shadow:0 0 12px var(--t-accent-glow)}.blog-grid{display:grid;grid-template-columns:1fr;gap:10px}.blog-card{display:block;background:#00d4ff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:14px;text-decoration:none;border:1px solid rgba(0,212,255,.15);transition:all .25s}.blog-card:active{transform:scale(.98);border-color:#00d4ff59}.blog-card h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.blog-card p{font-size:12px;color:var(--t-text2);line-height:1.5;margin-bottom:6px}.blog-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-date{font-size:10px;color:var(--t-text-muted)}.read-more{font-size:12px;font-weight:700;color:var(--t-pri);text-shadow:0 0 8px var(--t-glow)}.promo-tag{display:inline-block;background:var(--t-accent);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;margin-bottom:6px;box-shadow:0 0 8px var(--t-accent-glow)}.btn-more{display:inline-block;padding:10px 24px;border-radius:12px;background:#00d4ff14;color:var(--t-pri);font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--t-pri-border);transition:all .25s}.btn-more:active{transform:scale(.97);background:#00d4ff26}.seo-hero{padding:24px 16px 14px;text-align:center}.seo-h1{font-size:clamp(22px,5.5vw,30px);font-weight:900;color:var(--t-h1-color);line-height:1.25;margin-bottom:10px;letter-spacing:-.3px;text-shadow:0 0 30px var(--t-glow),0 0 60px rgba(0,212,255,.15)}.seo-intro{font-size:clamp(13px,3.5vw,15px);color:var(--t-text);line-height:1.7;max-width:520px;margin:0 auto;opacity:.92}.main-wrap{display:flex;gap:0;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:62px;flex-shrink:0;padding:6px 0;display:flex;flex-direction:column;gap:0;position:sticky;top:80px;align-self:flex-start;max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sb-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;cursor:pointer;position:relative;transition:all .25s}.sb-item:after{content:"";position:absolute;right:0;top:15%;height:70%;width:3px;background:var(--t-pri);border-radius:3px 0 0 3px;opacity:0;transition:opacity .25s;box-shadow:0 0 8px var(--t-glow)}.sb-item.active:after{opacity:1}.sb-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .25s;color:var(--t-text-muted)}.sb-icon svg{width:20px;height:20px;flex-shrink:0}.sb-item.active .sb-icon{background:var(--t-grad);border-color:transparent;box-shadow:0 3px 16px var(--t-glow);transform:scale(1.08);color:#fff}.sb-item.active .sb-icon svg{stroke:#fff}.sb-label{font-size:9px;color:#fff6;font-weight:500;text-align:center;line-height:1.1}.sb-item.active .sb-label{color:var(--t-pri);font-weight:700;text-shadow:0 0 8px var(--t-glow)}.grid-area{flex:1;padding:8px 10px 8px 6px;min-width:0}.cat-section{margin-bottom:14px}.cat-header{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:10px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.cat-icon{width:28px;height:28px;border-radius:8px;background:var(--t-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px var(--t-glow)}.cat-icon svg{width:18px;height:18px}.cat-header-title{font-size:14px;font-weight:700;color:#fff}.game-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:10px}.game-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;cursor:pointer;transition:transform .15s;animation:fadeInUp .3s ease backwards}.game-card:nth-child(1){animation-delay:0s}.game-card:nth-child(2){animation-delay:.05s}.game-card:nth-child(3){animation-delay:.06s}.game-card:nth-child(4){animation-delay:.09s}.game-card:active{transform:scale(.94)}.game-thumb{width:100%;aspect-ratio:1/1;border-radius:var(--card-radius);overflow:hidden;position:relative;box-shadow:0 3px 16px #0006,0 0 1px #00d4ff4d;background:var(--t-dark);border:1px solid rgba(0,212,255,.1)}.game-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-card:active .game-thumb img{transform:scale(1.05)}.game-badge{position:absolute;top:5px;right:var(--badge-pos);left:var(--badge-pos-left);background:var(--t-badge-bg);color:#fff;font-size:8px;font-weight:800;padding:2px 7px;border-radius:6px;z-index:2;box-shadow:0 2px 8px var(--t-accent-glow)}.game-name{font-size:11px;font-weight:600;color:var(--t-text);text-align:center;line-height:1.2}.seo-features{margin-top:24px;padding:0 8px}.seo-h2{font-size:18px;font-weight:800;color:#fff;margin-bottom:16px;text-align:center}.seo-h2:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(to bottom,var(--t-pri),var(--t-accent));border-radius:4px;margin-right:8px;vertical-align:middle;box-shadow:0 0 8px var(--t-glow)}.h2-list{display:flex;flex-direction:column;gap:14px}.h2-card{border-radius:16px;padding:20px 16px;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.h2-card:nth-child(odd){background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);color:#e8eaf6}.h2-card:nth-child(2n){background:#ff2d780d;border:1px solid rgba(255,45,120,.12);color:#e8eaf6}.h2-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:.05}.h2-card:nth-child(odd):before{background:radial-gradient(circle,var(--t-pri),transparent)}.h2-card:nth-child(2n):before{background:radial-gradient(circle,var(--t-accent),transparent)}.h2-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.h2-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.h2-icon svg{width:22px;height:22px}.h2-card:nth-child(odd) .h2-icon{background:var(--t-grad);box-shadow:0 0 16px var(--t-glow)}.h2-card:nth-child(odd) .h2-icon svg{stroke:#fff;fill:none}.h2-card:nth-child(2n) .h2-icon{background:linear-gradient(135deg,var(--t-accent),#e91e63);box-shadow:0 0 16px var(--t-accent-glow)}.h2-card:nth-child(2n) .h2-icon svg{stroke:#fff;fill:none}.h2-title{font-size:16px;font-weight:800;line-height:1.35;margin:0;color:#fff}.h2-card:nth-child(odd) .h2-title{text-shadow:0 0 12px var(--t-glow)}.h2-card:nth-child(2n) .h2-title{text-shadow:0 0 12px var(--t-accent-glow)}.h2-desc{font-size:13px;line-height:1.7;color:var(--t-text2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;cursor:pointer;transition:all .3s ease}.h2-card.expanded .h2-desc{-webkit-line-clamp:unset;display:block}.h2-desc:after{content:" อ่านต่อ ▼";font-size:11px;font-weight:700;color:var(--t-pri)}.h2-card.expanded .h2-desc:after{content:" ย่อ ▲"}.seo-faq{margin-top:16px;padding:0 4px}.faq-item{margin-bottom:8px;background:#ffffff0a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:border-color .25s}.faq-item:has([open]){border-color:#00d4ff40}.faq-q{padding:12px 14px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.faq-q:before{content:"❓";font-size:14px;flex-shrink:0}.faq-q:after{content:"+";margin-left:auto;font-size:16px;font-weight:700;color:var(--t-pri);transition:transform .2s;text-shadow:0 0 8px var(--t-glow)}details[open] .faq-q:after{transform:rotate(45deg)}.faq-a{padding:0 14px 14px;font-size:12.5px;color:var(--t-text2);line-height:1.6}.cta-box{margin-top:20px;padding:24px 16px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.2);border-radius:16px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(0,212,255,.02) 30px,rgba(0,212,255,.02) 60px);pointer-events:none}.cta-text{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px;position:relative}.btn-cta{display:inline-block;padding:12px 32px;border-radius:24px;background:var(--t-grad);color:#fff;font-size:14px;font-weight:700;box-shadow:0 4px 24px var(--t-glow),0 0 1px #00d4ff80;transition:all .2s;position:relative}.btn-cta:active{transform:scale(.96);box-shadow:0 2px 12px var(--t-glow)}.bnav{position:fixed;bottom:0;left:0;right:0;z-index:99;background:linear-gradient(to top,var(--t-dark3),rgba(10,14,39,.95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:space-around;padding:0 0 calc(4px + env(safe-area-inset-bottom,0px)) 0;max-width:520px;margin:0 auto;box-shadow:0 -1px 20px #0006;border-top:1px solid rgba(0,212,255,.1)}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 4px;text-decoration:none;transition:all .2s;cursor:pointer;color:#fff6}.bnav-icon{display:flex;align-items:center;justify-content:center}.bnav-icon svg{width:20px;height:20px;stroke:#fff6}.bnav-label{font-size:9px;color:#fff6;font-weight:500}.bnav-cta{position:relative;flex:1.2}.bnav-cta .bnav-icon-wrap{width:54px;height:54px;background:var(--t-grad);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-24px;box-shadow:0 4px 24px var(--t-glow2),0 0 0 3px var(--t-dark3);animation:bnavPulse 2.5s ease-in-out infinite}.bnav-cta .bnav-icon-wrap svg{stroke:#fff}.bnav-cta .bnav-label{color:var(--t-pri);font-weight:700;margin-top:4px;text-shadow:0 0 8px var(--t-glow)}@keyframes bnavPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}@media(min-width:520px){body{max-width:520px;margin:0 auto;box-shadow:0 0 60px #00d4ff14}}@media(min-width:480px){.game-grid{grid-template-columns:repeat(calc(var(--grid-cols) + 1),1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.p3-body{background:linear-gradient(170deg,var(--t-bg) 0%,var(--t-bg4) 50%,var(--t-bg2) 100%)}.p3-hero{padding:20px 16px 12px;position:relative}.p3-hero-bar{width:4px;height:50px;background:linear-gradient(to bottom,var(--t-pri),var(--t-accent));border-radius:4px;position:absolute;left:12px;top:22px;box-shadow:0 0 12px var(--t-glow)}.p3-h1{font-size:clamp(22px,6vw,30px);font-weight:900;color:#fff;line-height:1.2;margin-bottom:8px;padding-left:14px;text-shadow:0 0 24px var(--t-glow)}.p3-intro{font-size:clamp(13px,3.5vw,15px);color:var(--t-text2);line-height:1.7;padding-left:14px;max-width:420px}.p3-games{padding:8px 0}.p3-tabs{display:flex;gap:6px;padding:6px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.p3-tabs::-webkit-scrollbar{display:none}.p3-tab{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:700;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;white-space:nowrap;cursor:pointer;transition:all .25s;flex-shrink:0}.p3-tab svg{stroke:#fff6;transition:stroke .25s}.p3-tab.active{background:var(--t-grad);color:#fff;border-color:transparent;box-shadow:0 2px 16px var(--t-glow)}.p3-tab.active svg{stroke:#fff}.p3-tab:active{transform:scale(.95)}.p3-game-grid-wrap{padding:8px 10px}.p3-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#fff;margin-bottom:16px;padding:10px 14px;background:#ffffff08;border-radius:12px;border-left:3px solid var(--t-pri);box-shadow:0 0 1px #00d4ff1a}.p3-st-icon{font-size:1.1em}.p3-features{padding:12px 8px}.p3-h2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:360px){.p3-h2-grid{grid-template-columns:1fr}}.p3-h2-card{border-radius:14px;padding:18px 14px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.p3-h2-card--cyan{background:#00d4ff0f;border:1px solid rgba(0,212,255,.15)}.p3-h2-card--pink{background:#ff2d780d;border:1px solid rgba(255,45,120,.12)}.p3-h2-card:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:50%;opacity:.08;pointer-events:none}.p3-h2-card--cyan:before{background:radial-gradient(circle,var(--t-pri),transparent)}.p3-h2-card--pink:before{background:radial-gradient(circle,var(--t-accent,#ff2d78),transparent)}.p3-h2-card:active{transform:scale(.97)}.p3-h2-card.expanded{border-color:#00d4ff4d}.p3-h2-title{font-size:14px;font-weight:800;color:#fff;line-height:1.35;margin-bottom:8px}.p3-h2-card--cyan .p3-h2-title{text-shadow:0 0 12px var(--t-glow)}.p3-h2-card--pink .p3-h2-title{text-shadow:0 0 12px var(--t-accent-glow)}.p3-h2-desc{font-size:12px;line-height:1.65;color:var(--t-text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.p3-h2-card.expanded .p3-h2-desc{-webkit-line-clamp:unset;display:block}.p3-h2-desc:after{content:" ▼";font-size:10px;color:var(--t-pri);opacity:.7}.p3-h2-card.expanded .p3-h2-desc:after{content:" ▲"}.p3-cta{padding:14px 10px}.p3-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#00d4ff14,#ff2d780d);border:1px solid rgba(0,212,255,.15);border-radius:14px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,6px 100%)}.p3-cta-text{font-size:14px;font-weight:700;color:#fff;flex:1}.p3-cta-btn{display:inline-block;padding:10px 22px;background:var(--t-grad);color:#fff;font-size:13px;font-weight:700;border-radius:10px;text-decoration:none;white-space:nowrap;box-shadow:0 2px 16px var(--t-glow);transition:all .2s}.p3-cta-btn:active{transform:scale(.95)}.faq-cards .faq-item{border-radius:14px;background:#fff6;border:1px solid rgba(255,255,255,.35);padding:0;box-shadow:0 2px 8px #0000000f}.faq-cards .faq-q{font-size:13.5px;padding:12px 14px}.faq-cards .faq-a{background:#00000008;border-top:1px solid rgba(0,0,0,.06);padding:12px 14px}.faq-simple .faq-item{background:none;border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;margin-bottom:0}.faq-simple .faq-q{padding:12px 0;font-size:14px}.faq-simple .faq-q:before{display:none}.faq-simple .faq-a{padding:0 0 12px}.faq-bordered .faq-item{border:2px solid rgba(255,111,0,.2);border-radius:10px;background:#ff6f0008}.faq-bordered .faq-q:before{content:"💡"}.faq-bordered details[open]{border-color:#ff6f0066;box-shadow:0 0 12px #ff6f0014}.stats-grid-4 .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-grid-2x2 .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats-carousel .stat-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.stats-carousel .stat-grid>*{min-width:120px;scroll-snap-align:start;flex-shrink:0}.stats-inline-row .stat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.stats-inline-row .stat-grid>*{text-align:center}.btn-pill .btn-cta,.btn-pill .btn-sm,.btn-pill .btn-gold,.btn-pill .btn-register{border-radius:999px!important}.btn-sharp .btn-cta,.btn-sharp .btn-sm,.btn-sharp .btn-gold,.btn-sharp .btn-register{border-radius:4px!important}.btn-gradient-border .btn-cta,.btn-gradient-border .btn-sm{border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #ff6f0066,0 4px 20px #e651004d!important}.btn-glow .btn-cta,.btn-glow .btn-sm{box-shadow:0 0 24px #ff6f0080,0 0 48px #ff6f0033,0 4px 16px #00000026!important;animation:btnGlow 2.5s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 0 24px #ff6f0080,0 0 48px #ff6f0033}50%{box-shadow:0 0 36px #ff6f00b3,0 0 64px #ff6f004d}}.hero-left-aligned .seo-hero,.hero-left-aligned .seo-h1{text-align:left}.hero-left-aligned .seo-intro{text-align:left;max-width:85%}.hero-split-image .seo-hero{display:flex;align-items:center;gap:16px}.hero-split-image .seo-h1{flex:1;text-align:left;font-size:clamp(20px,5vw,28px)}.hero-split-image .seo-intro{flex:1;text-align:left}.hero-gradient-wave .seo-hero{position:relative;padding-bottom:32px}.hero-gradient-wave .seo-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(180deg,transparent,rgba(255,111,0,.06));border-radius:0 0 16px 16px}.radius-6{--card-radius:6px}.radius-10{--card-radius:10px}.radius-14{--card-radius:14px}.radius-20{--card-radius:20px}.radius-6 .feature-card,.radius-6 .faq-item,.radius-6 .promo-card,.radius-6 .blog-card{border-radius:6px!important}.radius-10 .feature-card,.radius-10 .faq-item,.radius-10 .promo-card,.radius-10 .blog-card{border-radius:10px!important}.radius-20 .feature-card,.radius-20 .faq-item,.radius-20 .promo-card,.radius-20 .blog-card{border-radius:20px!important}.spacing-compact .seo-section{margin-top:12px}.spacing-compact .seo-features{margin-top:10px}.spacing-spacious .seo-section{margin-top:36px}.spacing-spacious .seo-features{margin-top:32px}.promo-stacked .promo-grid,.promo-featured .promo-grid{grid-template-columns:1fr!important}.promo-featured .promo-card:first-child{border:2px solid rgba(255,111,0,.3);box-shadow:0 4px 16px #ff6f001f}.promo-featured .promo-card:first-child .promo-tag{background:linear-gradient(135deg,#ffd54f,#ff6f00)!important;color:#1a1a1a!important;font-weight:800}.promo-carousel .promo-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px}.promo-carousel .promo-grid>*{min-width:75%;scroll-snap-align:start;flex-shrink:0}.icon-lucide .feature-icon span{font-family:system-ui;opacity:.7}.icon-filled .feature-icon{width:44px;height:44px;background:linear-gradient(135deg,#ff6f0026,#ffd54f26);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.icon-gradient-box .feature-icon{width:44px;height:44px;background:linear-gradient(135deg,#ff6f00,#ffd54f);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.icon-gradient-box .feature-icon span{filter:grayscale(1) brightness(10)}.bnav-pill .bnav{border-radius:24px 24px 0 0;margin:0 8px;max-width:504px}.bnav-rounded-top .bnav{border-radius:20px 20px 0 0;background:linear-gradient(135deg,#1a1a2e,#0f3460)}.bnav-glass .bnav{background:#1a1a2ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1)}.trust-cards .trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.trust-cards .trust-item{background:#ffffff40;border-radius:10px;padding:10px;text-align:center;border:1px solid rgba(255,255,255,.15)}.trust-badges .trust-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.trust-badges .trust-item{background:linear-gradient(135deg,#ff6f001a,#ffd54f1a);border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;border:1px solid rgba(255,111,0,.15)}.seo-section.layout-pill h2{display:inline-block;background:linear-gradient(135deg,color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 20%,transparent),color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 8%,transparent));padding:8px 24px;border-radius:50px;border:1px solid color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 25%,transparent);font-size:clamp(.95em,3.5vw,1.15em)}.seo-section.layout-split:not(:has(.h2-list)){display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.seo-section.layout-split:not(:has(.h2-list))>h2{white-space:nowrap;padding-right:16px;border-right:3px solid var(--t-pri, var(--gold, #d4a849))}.seo-section.layout-split:has(.h2-list){display:block}.h2-card h2,.h2-title{white-space:normal!important}@media(max-width:520px){.seo-section.layout-split{grid-template-columns:1fr!important;display:block!important}.seo-section.layout-split>h2{border-right:none;border-bottom:2px solid var(--t-pri, var(--gold, #d4a849));padding-bottom:8px;white-space:normal}}.seo-section.layout-ribbon h2{position:relative;display:inline-block;padding:8px 24px 8px 20px;background:color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 12%,transparent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);margin-left:8px}.seo-section.layout-glow h2{text-shadow:0 0 10px color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 50%,transparent),0 0 30px color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 25%,transparent),0 0 60px color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 10%,transparent)}.seo-section.layout-tag h2{display:inline-flex;align-items:center;gap:8px}.seo-section.layout-tag h2:before{content:"#";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--t-pri, var(--gold, #d4a849));color:var(--bg, #080b11);font-weight:900;font-size:.7em;flex-shrink:0}[data-ticker=fade] .ticker-inner{animation:none;display:block;text-align:center}[data-ticker=fade] .ticker-item{display:none;opacity:0;animation:tickerFadeIn .6s ease forwards}[data-ticker=fade] .ticker-item.active{display:inline;opacity:1}@keyframes tickerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-ticker=slide] .ticker-inner{animation:none;display:block;text-align:center;overflow:hidden;height:1.6em}[data-ticker=slide] .ticker-item{display:block;opacity:0;transform:translateY(100%);transition:all .4s ease}[data-ticker=slide] .ticker-item.active{opacity:1;transform:translateY(0)}[data-ticker=slide] .ticker-item.exit{opacity:0;transform:translateY(-100%)}[data-ticker=typewriter] .ticker-inner{animation:none;display:block;text-align:center;border-right:2px solid var(--t-pri, var(--gold, #d4a849));white-space:nowrap;overflow:hidden;width:0;margin:0 auto;animation:tickerType 4s steps(40,end) forwards,tickerBlink .7s step-end infinite}@keyframes tickerType{0%{width:0}to{width:100%}}@keyframes tickerBlink{50%{border-color:transparent}}[data-ticker=flash] .ticker{position:relative}[data-ticker=flash] .ticker:before{content:"🔴 LIVE";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:#ef4444;color:#fff;animation:flashPulse 1.5s ease infinite;z-index:2}[data-ticker=flash] .ticker-inner{padding-left:70px}@keyframes flashPulse{0%,to{opacity:1}50%{opacity:.5}}[data-faq=numbered] .faq-item{counter-increment:faq-counter;position:relative;padding-left:48px;margin-bottom:16px}[data-faq=numbered] .faq-item:before{content:counter(faq-counter,decimal-leading-zero);position:absolute;left:0;top:2px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 15%,transparent);color:var(--t-pri, var(--gold, #d4a849));font-weight:800;font-size:13px;border:1px solid color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 20%,transparent)}[data-faq=numbered] .faq-wrap{counter-reset:faq-counter}[data-faq=card] .faq-item{background:var(--bg-card, rgba(14,18,25,.85));border-radius:var(--card-radius, 14px);padding:20px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 12%,transparent);box-shadow:0 4px 20px #00000026;transition:border-color .3s,box-shadow .3s}[data-faq=card] .faq-item:hover,[data-faq=card] .faq-item[open]{border-color:color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 30%,transparent);box-shadow:0 8px 32px #0003,0 0 0 1px color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 15%,transparent)}[data-faq=side] .faq-item{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--t-pri, var(--gold, #d4a849)) 10%,transparent)}[data-faq=side] .faq-item summary,[data-faq=side] .faq-q{font-weight:700;color:var(--t-pri, var(--gold, #d4a849))}@media(max-width:520px){[data-faq=side] .faq-item{grid-template-columns:1fr}}.seo-section,.cat-section,.wls-widget,.blog-preview{content-visibility:auto;contain-intrinsic-size:auto 300px}.feature-card,.blog-card,.promo-card,.faq-item,.stat-card{contain:layout style}.feature-card,.blog-card,.promo-card,.btn-gold,.btn-cta,.btn-register{will-change:transform;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.particles,.cursor-orb{display:none!important}.ticker-inner{animation:none!important}}.blog-variant-magazine .blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.blog-variant-magazine .blog-grid>:first-child{grid-column:1 / -1;position:relative;min-height:200px;overflow:hidden;border-radius:var(--card-radius, 14px)}.blog-variant-magazine .blog-grid>:first-child .blog-title{font-size:1.2em}.blog-variant-magazine .blog-card{border-radius:var(--card-radius, 14px);overflow:hidden}@media(max-width:520px){.blog-variant-magazine .blog-grid{grid-template-columns:1fr}}.blog-variant-timeline .blog-grid{display:flex;flex-direction:column;gap:0;padding-left:24px;border-left:2px solid color-mix(in srgb,var(--t-pri, #d4a849) 20%,transparent)}.blog-variant-timeline .blog-card{position:relative;padding-left:20px;padding-bottom:24px}.blog-variant-timeline .blog-card:before{content:"";position:absolute;left:-29px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--t-pri, var(--gold, #d4a849));border:2px solid var(--bg, #080b11);z-index:1}.blog-variant-timeline .blog-card:after{content:"";position:absolute;left:-17px;top:14px;width:12px;height:1px;background:color-mix(in srgb,var(--t-pri, #d4a849) 30%,transparent)}.blog-variant-horizontal .blog-grid{display:flex;flex-direction:column;gap:16px}.blog-variant-horizontal .blog-card{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;padding:12px;border-radius:var(--card-radius, 14px);background:var(--bg-card, rgba(14,18,25,.8));border:1px solid var(--border, rgba(255,255,255,.06))}.blog-variant-horizontal .blog-card .blog-thumb{width:80px;height:60px;border-radius:8px;object-fit:cover}.blog-variant-horizontal .blog-excerpt{display:none}.blog-variant-compact .blog-grid{display:flex;flex-direction:column;gap:0}.blog-variant-compact .blog-card{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border, rgba(255,255,255,.06))}.blog-variant-compact .blog-card .blog-title{font-size:.95em;flex:1}.blog-variant-compact .blog-card .blog-date{font-size:.8em;opacity:.6;white-space:nowrap;margin-left:12px}.blog-variant-compact .blog-excerpt,.blog-variant-compact .blog-thumb,.blog-variant-compact .blog-tag{display:none}.cta-variant-countdown{text-align:center;padding:2rem 1.5rem;border-radius:var(--card-radius, 14px);background:linear-gradient(135deg,color-mix(in srgb,var(--t-pri, #d4a849) 12%,transparent),color-mix(in srgb,var(--t-pri, #d4a849) 5%,transparent));border:1px solid color-mix(in srgb,var(--t-pri, #d4a849) 20%,transparent);position:relative;overflow:hidden}.cta-variant-countdown:before{content:"⏰ จำกัดเวลา";display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:50px;background:var(--t-pri, var(--gold, #d4a849));color:var(--bg, #080b11);margin-bottom:12px}.cta-countdown-timer{display:flex;justify-content:center;gap:8px;margin:12px 0}.cta-countdown-timer .cd-unit{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:8px 4px;border-radius:8px;background:#0000004d;border:1px solid color-mix(in srgb,var(--t-pri, #d4a849) 15%,transparent)}.cta-countdown-timer .cd-num{font-size:1.4em;font-weight:900;color:var(--t-pri, var(--gold, #d4a849));font-variant-numeric:tabular-nums}.cta-countdown-timer .cd-label{font-size:9px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.cta-variant-fullbleed{margin-left:-1.5rem;margin-right:-1.5rem;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--t-pri, #d4a849) 18%,var(--bg, #080b11)),color-mix(in srgb,var(--t-sec, #b45309) 12%,var(--bg, #080b11)));border-top:1px solid color-mix(in srgb,var(--t-pri, #d4a849) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--t-pri, #d4a849) 15%,transparent)}.cta-variant-split{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:2rem;border-radius:var(--card-radius, 14px);background:var(--bg-card, rgba(14,18,25,.85));border:1px solid color-mix(in srgb,var(--t-pri, #d4a849) 15%,transparent)}.cta-variant-split .cta-text{text-align:left}.cta-variant-split .cta-visual{display:flex;align-items:center;justify-content:center;font-size:4em;opacity:.3}@media(max-width:520px){.cta-variant-split{grid-template-columns:1fr}.cta-variant-split .cta-visual{display:none}.cta-variant-split .cta-text{text-align:center}}[data-stats=progress-bar] .stat-card{display:flex;flex-direction:column;gap:6px;padding:12px 0}[data-stats=progress-bar] .stat-card .stat-label{display:flex;justify-content:space-between;font-size:.85em}[data-stats=progress-bar] .stat-card .stat-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}[data-stats=progress-bar] .stat-card .stat-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--t-pri, var(--gold, #d4a849)),var(--t-sec, #b45309));transition:width 1.2s cubic-bezier(.22,1,.36,1);width:0}[data-stats=progress-bar] .stat-card.visible .stat-bar-fill{width:var(--stat-pct, 80%)}[data-stats=progress-bar] .stats-grid{display:flex;flex-direction:column;gap:4px}[data-stats=circle] .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;text-align:center}[data-stats=circle] .stat-card{display:flex;flex-direction:column;align-items:center;gap:8px}[data-stats=circle] .stat-circle{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--t-pri, var(--gold, #d4a849)) calc(var(--stat-pct, 75) * 1%),rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;position:relative}[data-stats=circle] .stat-circle:before{content:"";width:56px;height:56px;border-radius:50%;background:var(--bg, #080b11);position:absolute}[data-stats=circle] .stat-circle .stat-num{position:relative;z-index:1;font-weight:800;font-size:.85em;color:var(--t-pri, var(--gold, #d4a849))}[data-stats=count-up] .stat-card .stat-num{font-variant-numeric:tabular-nums;font-weight:900;font-size:1.8em;color:var(--t-pri, var(--gold, #d4a849));line-height:1}[data-stats=count-up] .stat-card .stat-label{font-size:.8em;opacity:.6;margin-top:4px}[data-stats=count-up] .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;text-align:center}.gl-footer[data-astro-cid-sz7xmlte]{background:linear-gradient(180deg,#16213e,#0f1629);padding:40px 16px 24px;color:#fff9;font-size:13px}.footer-inner[data-astro-cid-sz7xmlte]{max-width:960px;margin:0 auto}.footer-brand[data-astro-cid-sz7xmlte]{text-align:center;margin-bottom:24px}.footer-logo[data-astro-cid-sz7xmlte]{height:40px;width:auto;margin:0 auto 8px;object-fit:contain}.footer-tagline[data-astro-cid-sz7xmlte]{font-size:12px;color:#ffd54fb3;font-weight:500}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:32px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.footer-col[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:6px;min-width:120px}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-size:13px;font-weight:700;color:#ffd54f;margin-bottom:4px}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte],.footer-col[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]{font-size:12px;color:#ffffff80;text-decoration:none;transition:color .2s}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#ffd54f}.footer-cta[data-astro-cid-sz7xmlte]{display:flex;gap:12px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.footer-cta[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{padding:10px 24px;border-radius:20px;font-size:12px;font-weight:700;text-decoration:none}.btn-line[data-astro-cid-sz7xmlte]{background:linear-gradient(135deg,#06c755,#04a544);color:#fff}.footer-copy[data-astro-cid-sz7xmlte]{text-align:center;font-size:11px;color:#ffffff4d;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.p3-hdr[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:#060919eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,212,255,.12);box-shadow:0 2px 24px #00000080}.p3-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 14px;gap:8px}.p3-brand[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:2px;position:absolute;left:50%;transform:translate(-50%)}.p3-brand[data-astro-cid-3ef6ksr2] img[data-astro-cid-3ef6ksr2]{height:30px;width:30px;object-fit:contain;border-radius:8px;border:1.5px solid rgba(0,212,255,.4);box-shadow:0 0 12px #00d4ff33}.p3-brand-name[data-astro-cid-3ef6ksr2]{font-size:11px;font-weight:800;color:var(--t-pri, #00d4ff);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 16px rgba(0,212,255,.5)}.p3-btn[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:all .25s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.p3-btn--ghost[data-astro-cid-3ef6ksr2]{background:#00d4ff1a;color:var(--t-pri, #00d4ff);border:none}.p3-btn--ghost[data-astro-cid-3ef6ksr2]:active{background:#00d4ff33}.p3-btn--ghost[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{stroke:var(--t-pri, #00d4ff)}.p3-btn--primary[data-astro-cid-3ef6ksr2]{background:linear-gradient(135deg,var(--t-pri, #00d4ff),var(--t-sec, #0091ea));color:#fff}.p3-btn--primary[data-astro-cid-3ef6ksr2]:active{opacity:.85;transform:scale(.97)}.p3-btn--full[data-astro-cid-3ef6ksr2]{width:100%;justify-content:center;padding:12px 20px;font-size:14px}.p3-burger[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:10px;margin-right:-6px}.p3-burger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;height:2px;background:var(--t-pri, #00d4ff);border-radius:1px;transition:all .3s ease;box-shadow:0 0 6px #00d4ff4d}.p3-burger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(1){width:24px}.p3-burger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(2){width:16px;margin-left:8px}.p3-burger[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(1){width:24px;transform:rotate(45deg) translate(3px,5px)}.p3-burger[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(2){width:24px;margin-left:0;transform:rotate(-45deg) translate(2px,-4px)}.p3-drawer[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;background:#060919f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,212,255,.08);padding:6px 0 14px;animation:p3DrawerIn .3s ease}@keyframes p3DrawerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.p3-drawer[data-astro-cid-3ef6ksr2].open{display:flex}.p3-drawer-link[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:14px;padding:13px 20px;color:#ffffff8c;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.p3-dl-bar[data-astro-cid-3ef6ksr2]{position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--t-pri, #00d4ff);border-radius:0 3px 3px 0;opacity:0;transition:opacity .25s;box-shadow:0 0 8px #00d4ff66}.p3-drawer-link[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{stroke:#ffffff59;flex-shrink:0;transition:stroke .25s}.p3-drawer-link[data-astro-cid-3ef6ksr2]:active,.p3-drawer-link[data-astro-cid-3ef6ksr2].active{color:var(--t-pri, #00d4ff);background:#00d4ff0d}.p3-drawer-link[data-astro-cid-3ef6ksr2]:active .p3-dl-bar[data-astro-cid-3ef6ksr2],.p3-drawer-link[data-astro-cid-3ef6ksr2].active .p3-dl-bar[data-astro-cid-3ef6ksr2]{opacity:1}.p3-drawer-link[data-astro-cid-3ef6ksr2]:active svg[data-astro-cid-3ef6ksr2],.p3-drawer-link[data-astro-cid-3ef6ksr2].active svg[data-astro-cid-3ef6ksr2]{stroke:var(--t-pri, #00d4ff)}.p3-drawer-cta[data-astro-cid-3ef6ksr2]{margin:10px 16px 0;padding-top:14px;border-top:1px solid rgba(0,212,255,.1)}.p3-bnav[data-astro-cid-ltxpr5xc]{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:0 8px calc(6px + env(safe-area-inset-bottom,0px)) 8px;background:transparent;pointer-events:none}.p3-bnav-inner[data-astro-cid-ltxpr5xc]{display:flex;align-items:center;justify-content:space-around;background:#060919eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;border:1px solid rgba(0,212,255,.15);box-shadow:0 -2px 24px #0006,0 0 1px #00d4ff4d;padding:6px 4px;pointer-events:all}.p3-bnav-item[data-astro-cid-ltxpr5xc]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 4px;text-decoration:none;color:#fff6;transition:all .2s;-webkit-tap-highlight-color:transparent}.p3-bnav-item[data-astro-cid-ltxpr5xc]:active{transform:scale(.9)}.p3-bnav-item[data-astro-cid-ltxpr5xc] svg[data-astro-cid-ltxpr5xc]{stroke:#fff6;transition:stroke .2s}.p3-bnav-item[data-astro-cid-ltxpr5xc] span[data-astro-cid-ltxpr5xc]{font-size:9px;font-weight:600;color:#fff6;transition:color .2s}.p3-bnav-cta[data-astro-cid-ltxpr5xc]{background:linear-gradient(135deg,var(--t-pri, #00d4ff),var(--t-sec, #0091ea));border-radius:12px;padding:10px 0 6px;margin:-4px 2px;box-shadow:0 2px 16px #00d4ff59;animation:p3CtaPulse 3s ease-in-out infinite}.p3-bnav-cta[data-astro-cid-ltxpr5xc] svg[data-astro-cid-ltxpr5xc]{stroke:#fff!important}.p3-bnav-cta[data-astro-cid-ltxpr5xc] span[data-astro-cid-ltxpr5xc]{color:#fff!important;font-weight:700!important}@keyframes p3CtaPulse{0%,to{box-shadow:0 2px 16px #00d4ff59}50%{box-shadow:0 4px 24px #00d4ff8c}}@media(min-width:769px){.p3-bnav[data-astro-cid-ltxpr5xc]{display:none!important}}