*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05010b;color:#fff;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif}.header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:26px;padding:0 max(18px,4vw);background:rgba(5,1,11,.96);border-bottom:1px solid #7621b9;box-shadow:0 0 35px rgba(144,35,255,.2);backdrop-filter:blur(16px)}.brand img{width:180px;height:52px;object-fit:contain}.header nav{display:flex;gap:25px;flex:1}.header nav a{color:#c8bbd0;text-decoration:none;font-size:13px;font-weight:850}.header nav a.active,.header nav a:hover{color:#fff;text-shadow:0 0 18px #c154ff}.actions{display:flex;gap:9px}.actions a{padding:11px 17px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:900}.login{color:#fff;border:1px solid #a43aff;background:#170624}.signup,.gold{color:#2b1200;background:linear-gradient(135deg,#fff19a,#ffad1b);box-shadow:0 8px 28px rgba(255,175,30,.2)}main{max-width:1280px;margin:auto;padding:14px 16px 80px}.hero{height:515px;position:relative;border-radius:24px;overflow:hidden;border:1px solid #a039df;box-shadow:0 25px 70px rgba(0,0,0,.58),0 0 65px rgba(142,36,255,.18)}.hero>img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,1,11,.86),rgba(5,1,11,.45) 45%,transparent 78%)}.hero-cta{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:2}.hero-cta>span{font-size:11px;letter-spacing:2px;color:#e0a0ff;font-weight:900}.hero-cta h1{font-size:52px;line-height:1.03;margin:12px 0}.hero-cta h1 b{color:#ffd64c}.hero-cta p{font-size:15px;color:#ddd0e4;line-height:1.7}.hero-cta a{display:inline-block;padding:13px 20px;border-radius:13px;text-decoration:none;font-weight:900;margin-right:8px}.ghost{border:1px solid #a63cff;color:#fff;background:rgba(9,2,15,.4)}.announcement{margin:12px 0;min-height:42px;padding:9px 15px;display:flex;align-items:center;gap:10px;border:1px solid #6f279f;background:#10051b;border-radius:14px;color:#bfb2c7;font-size:12px}.announcement strong{color:#fff}.announcement span{flex:1}.announcement small{color:#75677e}.visual-section{position:relative;border-radius:20px;overflow:hidden}.visual-strip{width:100%;display:block;border-radius:20px;border:1px solid #5d1b84}.hotspots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;padding:0 2.5% 3%}.hotspots a{height:90%;color:transparent;text-decoration:none;border-radius:18px}.section{margin-top:42px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-head small{font-size:10px;letter-spacing:2px;color:#c66fff;font-weight:900}.section-head h2{margin:3px 0;font-size:27px}.section-head a{color:#d88cff;text-decoration:none;font-size:12px;font-weight:900}.provider-art,.game-art,.promo-art,.service-art{overflow:hidden;border-radius:20px;border:1px solid #4d176c;background:#09020f;box-shadow:0 15px 40px rgba(0,0,0,.35)}.provider-art img,.game-art img,.promo-art img,.service-art img{width:100%;display:block}.game-art,.promo-art,.service-art{border-color:#6b218d}footer{display:flex;align-items:center;gap:25px;padding:25px max(20px,5vw) 100px;border-top:1px solid #2c1040;color:#75677f;font-size:11px}footer img{width:150px}.mobile-nav{display:none}
@media(max-width:850px){.header{height:68px;padding:0 12px}.brand img{width:125px;height:48px}.header nav{display:none}.actions{margin-left:auto}.actions a{padding:9px 11px;font-size:10px}.signup{display:none}.hero{height:500px;border-radius:18px}.hero-cta{left:22px;right:20px;top:auto;bottom:24px;transform:none}.hero-overlay{background:linear-gradient(180deg,transparent 25%,rgba(5,1,11,.9) 68%)}.hero-cta h1{font-size:34px}.hero-cta p{font-size:11px}.hero-cta a{padding:10px 13px;font-size:10px}.announcement{font-size:9px}.announcement small{display:none}.section{margin-top:34px}.section-head h2{font-size:22px}.visual-section{border-radius:16px}.hotspots{padding-bottom:2%}.hotspots a{height:85%}main{padding:8px 8px 95px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:60;padding:8px 3px;background:rgba(12,3,21,.97);border:1px solid #8e31d0;border-radius:19px;box-shadow:0 -12px 35px rgba(0,0,0,.55)}.mobile-nav a{color:#a99cac;text-decoration:none;text-align:center;font-size:9px;font-weight:800}.mobile-nav a:first-letter{font-size:20px}.mobile-nav span{display:block}.mobile-nav .active{color:#fff}.mobile-nav .active:first-letter{color:#ffd55b}footer{display:block;text-align:center}footer img{margin-bottom:8px}}
@media(max-width:520px){.hero{height:490px}.hero>img{object-position:57% top}.hero-cta h1{font-size:31px}.visual-strip{min-height:180px;object-fit:cover}.hotspots a{border-radius:12px}.section-head h2{font-size:20px}.provider-art,.game-art,.promo-art,.service-art{border-radius:15px}.announcement{margin-top:8px}}