*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Noto Sans Thai,Sarabun,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;background:#0a0e14;color:#e8ecf1;line-height:1.75;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:#ffd54a;text-decoration:none;transition:color .2s}a:hover{color:#ffeb8a;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:inherit;line-height:1.35;margin:1.5em 0 .6em;color:#fff;font-weight:800}h1{font-size:clamp(1.6rem,4.2vw,2.6rem);background:linear-gradient(90deg,#ffd54a,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(1.35rem,3vw,2rem);border-left:5px solid #ffd54a;padding-left:.7em}h3{font-size:clamp(1.1rem,2.3vw,1.4rem);color:#ffd54a}p{margin:.9em 0}ul,ol{padding-left:1.4em}li{margin:.35em 0}.container{max-width:1200px;margin:0 auto;padding:0 1.2rem}.btn{display:inline-block;padding:.85em 1.8em;border-radius:999px;font-weight:800;text-align:center;transition:transform .15s,box-shadow .2s;text-decoration:none}.btn-primary{background:linear-gradient(90deg,#ffd54a,#ff8a3d);color:#0a0e14;box-shadow:0 6px 20px #ffb74d59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffb74d80;color:#0a0e14;text-decoration:none}.btn-outline{border:2px solid #ffd54a;color:#ffd54a;background:transparent}.btn-outline:hover{background:#ffd54a;color:#0a0e14;text-decoration:none}.btn-line{background:#06c755;color:#fff}.btn-line:hover{background:#05a747;color:#fff;text-decoration:none}.btn-tg{background:#26a5e4;color:#fff}.btn-tg:hover{background:#1d8ac3;color:#fff;text-decoration:none}.section{padding:3rem 0}.section-alt{background:linear-gradient(180deg,#0f1419,#0a0e14)}.hero{position:relative;padding:4rem 0 3rem;text-align:center;background:radial-gradient(ellipse at top,rgba(255,183,77,.15),transparent 60%),linear-gradient(180deg,#151a22,#0a0e14)}.hero-img{max-width:600px;margin:1.5rem auto 0;border-radius:16px;box-shadow:0 10px 40px #00000080}.card{background:linear-gradient(145deg,#151a22,#0f1419);border:1px solid rgba(255,213,74,.15);border-radius:14px;padding:1.5rem;height:100%}.card h3{margin-top:0}.grid{display:grid;gap:1.2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-6{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.feature-icon{width:72px;height:72px;margin-bottom:1rem;object-fit:contain}.product-card{text-align:center;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-card img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}.bank-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.8rem;padding:1.5rem;background:#ffffff0a;border-radius:14px}.bank-strip img{background:#fff;border-radius:10px;padding:.5rem;aspect-ratio:1;object-fit:contain}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#151a22;border-radius:12px;overflow:hidden}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(255,213,74,.1)}th{background:#ffd54a1f;color:#ffd54a;font-weight:700}tr:last-child td{border-bottom:none}.faq details{background:#151a22;border:1px solid rgba(255,213,74,.12);border-radius:10px;padding:1rem 1.3rem;margin:.7rem 0}.faq summary{cursor:pointer;font-weight:700;color:#ffd54a;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"❓ ";margin-right:.3em}.faq details[open] summary:before{content:"✅ "}.cta-bar{padding:3rem 1rem;text-align:center;background:linear-gradient(90deg,#ffd54a1a,#ff8a3d1a);border-radius:18px;margin:2rem 0}.cta-bar h2{border-left:none;padding-left:0}.bullet-list{list-style:none;padding-left:0}.bullet-list li{padding:.5rem 0;padding-left:1.8em;position:relative}.bullet-list li:before{content:"✔️";position:absolute;left:0}header.site-header{position:sticky;top:0;z-index:50;background:#0a0e14eb;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,213,74,.15)}.nav-wrap{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;max-width:1280px;margin:0 auto}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:#ffd54a;font-size:1.15rem;flex-shrink:0}.brand img{height:40px;width:40px}.nav-links{display:flex;gap:.1rem;margin:0;padding:0;flex:1;justify-content:center}.nav-links a{color:#e8ecf1;padding:.45rem .7rem;border-radius:8px;font-size:.9rem;font-weight:600;white-space:nowrap;transition:background .15s,color .15s}.nav-links a:hover,.nav-links a[aria-current=page]{background:#ffd54a1f;color:#ffd54a;text-decoration:none}.nav-links a.mobile-only{display:none}.nav-cta{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.nav-login{color:#e8ecf1;font-weight:600;font-size:.9rem;padding:.45rem .7rem;border-radius:8px}.nav-login:hover{background:#ffd54a1f;color:#ffd54a;text-decoration:none}.nav-register{padding:.5em 1.1em!important;font-size:.88rem!important}.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,213,74,.3);color:#ffd54a;font-size:1.3rem;cursor:pointer;width:42px;height:42px;border-radius:8px;padding:0;line-height:1}@media (max-width:1100px){.brand span{display:none}}@media (max-width:1024px){.nav-links{position:fixed;inset:62px 0 0;background:#0a0e14;flex-direction:column;justify-content:flex-start;padding:1rem;gap:.3rem;transform:translate(100%);transition:transform .25s ease-out;overflow-y:auto;border-top:1px solid rgba(255,213,74,.15)}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.05rem;padding:.85rem 1rem;border-radius:10px}.nav-links a.mobile-only{display:block;background:#ffd54a14;margin-top:.5rem}.desktop-only{display:none!important}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}}@media (max-width:520px){.nav-register{padding:.5em .9em!important;font-size:.82rem!important}.nav-wrap{padding:.6rem .8rem;gap:.5rem}}footer.site-footer{background:#05080c;border-top:1px solid rgba(255,213,74,.15);padding:3rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-grid h4{color:#ffd54a;margin-top:0;font-size:1.05rem;border-bottom:2px solid rgba(255,213,74,.2);padding-bottom:.5em}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:.4em 0}.footer-grid a{color:#b9c3cf;font-size:.92rem}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);color:#9aa5b3;font-size:.85rem}.breadcrumb{padding:.8rem 0;font-size:.9rem;color:#9aa5b3}.breadcrumb a{color:#ffd54a}.toc{background:#151a22;border:1px solid rgba(255,213,74,.15);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}.toc h4{margin:.2em 0;color:#ffd54a}.toc ul{margin:.5em 0}.sticky-contact{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:.6rem;z-index:40}.sticky-contact a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 14px #0006}.sticky-contact .line-ic{background:#06c755}.sticky-contact .tg-ic{background:#26a5e4}.emoji-h{font-size:1.2em}.tag-yellow{color:#ffd54a}.skip-link{position:absolute;left:-9999px;top:0;background:#ffd54a;color:#000;padding:.5rem 1rem;z-index:999}.skip-link:focus{left:0}