:root{--primary:#ffe600;--primary2:#ff9d00;--secondary:#00ffbf;--accent:#ff2f7a;--bg:#030508;--panel:rgba(10,14,20,.72);--text:#f7fafc;--muted:#b8c2cc;--line:rgba(255,230,0,.18);--safe-bottom:max(16px,env(safe-area-inset-bottom));--safe-top:max(16px,env(safe-area-inset-top));--radius:24px;--px:0px;--py:0px;--sy:0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Kanit,sans-serif;line-height:1.7}body.lock{overflow:hidden}a{color:var(--primary);text-decoration:none}.site-bg{position:fixed;inset:-22px;z-index:-4;background:url(https://s.imgz.io/2026/05/02/9winga08f61f8c67fbfd9.webp) center/cover;transform:translate3d(var(--px),calc(var(--py) + var(--sy)),0) scale(1.06);will-change:transform}.site-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,230,0,.24),transparent 26%),radial-gradient(circle at 80% 70%,rgba(0,255,191,.15),transparent 34%),linear-gradient(180deg,rgba(3,5,8,.42),rgba(3,5,8,.82) 70%,#030508)}.nav{position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) - 2px) 5% 14px;background:rgba(3,5,8,.62);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-family:Orbitron,sans-serif;font-size:clamp(18px,4vw,28px);font-weight:900;letter-spacing:2px;color:var(--primary);text-shadow:0 0 24px rgba(255,230,0,.35)}.logo:before{content:"✦";margin-right:10px;color:var(--secondary)}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a,.login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid transparent;color:#fff;background:transparent;font:700 13px Kanit;letter-spacing:.8px;cursor:pointer}.nav-links a:hover,.login-btn{color:#05070a;background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:rgba(255,230,0,.5)}.menu-toggle{display:none;width:50px;height:50px;border-radius:16px;border:1px solid var(--line);background:rgba(255,230,0,.08);position:relative}.menu-toggle span{position:absolute;left:13px;width:24px;height:2px;background:var(--primary);transition:.25s}.menu-toggle span:nth-child(1){top:17px}.menu-toggle span:nth-child(2){top:24px}.menu-toggle span:nth-child(3){top:31px}.menu-toggle.active span:nth-child(1){top:24px;transform:rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){top:24px;transform:rotate(-45deg)}.nav-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.62);opacity:0;visibility:hidden}.nav-overlay.show{opacity:1;visibility:visible}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:150px 20px 80px}.hero h1{font-family:Orbitron,sans-serif;font-size:clamp(44px,9vw,110px);line-height:.95;color:var(--primary);text-shadow:0 0 18px rgba(255,230,0,.28),0 0 64px rgba(255,157,0,.22)}.hero p{max-width:820px;margin:20px auto 28px;font-size:clamp(15px,3vw,20px);color:#eef2f6}.section{padding:86px 5%;text-align:center}.section-tag{display:inline-flex;gap:10px;align-items:center;justify-content:center;margin-bottom:18px;color:var(--secondary);font:800 12px Orbitron;letter-spacing:4px}.section-tag:before,.section-tag:after{content:"";width:32px;height:1px;background:currentColor}.hero-badges,.btn-group{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-badges span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 26px;border:0;border-radius:16px;font-weight:900;font-family:Kanit;cursor:pointer}.btn-primary{color:#05070a;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 16px 40px rgba(255,157,0,.18)}.btn:hover{transform:translateY(-3px)}.panel{max-width:1120px;margin:28px auto 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,230,0,.065),rgba(255,255,255,.032));backdrop-filter:blur(12px);box-shadow:0 24px 70px rgba(0,0,0,.32)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status-grid article,.feature-grid article{padding:20px;border-radius:20px;text-align:left;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}.status-grid h3{color:var(--primary);font-family:Orbitron;font-size:14px}.status-grid strong{display:block;margin:10px 0;font:900 36px Orbitron}.status-grid span{color:var(--muted)}.status-grid div{height:11px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.status-grid i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--primary2));transition:.5s}.status-grid i.full{width:100%}.feature-grid{max-width:1120px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid b{font-size:30px}.feature-grid h3{margin:6px 0;color:var(--primary)}.feature-grid p{color:var(--muted)}.news-list{text-align:left}.news-item{padding:16px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);margin-bottom:12px}.news-item h3{color:var(--primary)}.topup{max-width:680px}.topup input{width:100%;min-height:52px;margin:14px 0;padding:0 14px;border-radius:15px;border:1px solid var(--line);background:rgba(0,0,0,.32);color:#fff;font:500 16px Kanit}.video-container{position:relative;max-width:940px;aspect-ratio:16/9;margin:32px auto 0;overflow:hidden;border-radius:24px;border:1px solid rgba(255,230,0,.25);box-shadow:0 24px 70px rgba(0,0,0,.35);background:#000}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}footer{padding:70px 20px 120px;text-align:center;border-top:1px solid rgba(255,230,0,.1)}.floating-contact{position:fixed;right:16px;bottom:var(--safe-bottom);z-index:999;display:flex;flex-direction:column;gap:10px}.floating-contact a{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--accent),var(--primary2));box-shadow:0 16px 40px rgba(0,0,0,.35)}.modal,.auth-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.74);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.modal.show,.auth-modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal-card,.auth-card{width:min(440px,100%);padding:26px 22px;border-radius:24px;background:linear-gradient(180deg,rgba(14,18,24,.98),rgba(6,9,14,.98));border:1px solid rgba(255,230,0,.25);box-shadow:0 30px 80px rgba(0,0,0,.55);text-align:center}.modal-wide{width:min(780px,100%)}.modal-card h2,.auth-card h2{color:var(--primary);font-family:Orbitron,Kanit;font-size:24px}.modal-lead{color:#e7edf3;margin:6px 0 14px}.preview-frame{display:grid;place-items:center;overflow:hidden;margin:16px 0;border-radius:18px;background:#000;border:1px solid rgba(255,230,0,.2)}.preview-frame img{width:100%;max-height:70vh;object-fit:contain}.auth-head{display:flex;justify-content:space-between;align-items:flex-start}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(255,255,255,.08);font-size:20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.auth-tab,.social-btn,.auth-submit{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);font:800 14px Kanit;cursor:pointer}.auth-tab{color:#fff;background:rgba(255,255,255,.06)}.auth-tab.active,.auth-submit{color:#05070a;background:linear-gradient(135deg,var(--primary),var(--primary2))}.auth-form{display:none}.auth-form.active{display:block}.auth-form label{display:block;text-align:left;color:#e7edf3;font-size:13px;margin-bottom:10px}.auth-form input{width:100%;min-height:48px;margin-top:6px;padding:0 14px;border-radius:14px;border:1px solid var(--line);color:#fff;background:rgba(0,0,0,.3);font:500 15px Kanit}.auth-separator{margin:12px;color:var(--muted)}.social-btn{width:100%;margin:5px 0;color:#fff;background:rgba(255,255,255,.08)}.auth-message{min-height:22px;margin-top:12px;font-size:13px}.auth-message.error{color:#ff7aa8}.auth-message.success{color:#00ffbf}.user-chip{display:none;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.user-chip.show{display:inline-flex}.logout-btn{border:0;border-radius:999px;padding:5px 10px;background:var(--primary);font-weight:800}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.status-grid,.feature-grid{grid-template-columns:1fr}.menu-toggle{display:block}.nav-links{position:fixed;top:calc(var(--safe-top) + 76px);left:16px;right:16px;z-index:1001;display:flex;flex-direction:column;padding:12px;border-radius:20px;background:rgba(8,10,12,.97);border:1px solid var(--line);box-shadow:0 22px 50px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.22s}.nav-links.show{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-links li,.nav-links a,.login-btn,.user-chip{width:100%}.hero{min-height:auto;padding:148px 16px 58px}.section{padding:66px 16px}.floating-contact{right:50%;transform:translateX(50%);flex-direction:row}.section-tag{font-size:10px;letter-spacing:2px}.section-tag:before,.section-tag:after{width:20px}}