:root{--bg:#03140d;--panel:#062518;--line:#0f7b46;--green:#00d869;--green2:#009f4b;--red:#ff2828;--gold:#ffd33d;--text:#fff;--muted:#a9c9b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#0b4d2c 0,#03140d 38%,#020b07 100%);font-family:"Kanit",sans-serif;color:var(--text);padding-bottom:88px}.page-shell{width:min(100%,520px);margin:auto;min-height:100vh;background:linear-gradient(180deg,rgba(2,35,20,.92),rgba(1,18,11,.96));box-shadow:0 0 45px #000}.brandbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;padding:12px 15px;background:rgba(2,24,14,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,255,135,.18)}.brandmark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:26px;background:linear-gradient(145deg,#ffe65f,#c38900);color:#16351e;box-shadow:0 0 18px rgba(255,213,54,.45)}.brandbar h1{font-size:20px;line-height:1;margin:0;letter-spacing:1.5px}.brandbar p{font-size:11px;color:var(--muted);margin:5px 0 0}.status{margin-left:auto;color:#8affbd;font-size:12px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19f47a;box-shadow:0 0 10px #19f47a;margin-right:4px}.card{border-radius:19px;overflow:hidden;border:1px solid rgba(36,255,137,.35);background:linear-gradient(180deg,rgba(10,55,33,.95),rgba(3,29,17,.95));box-shadow:0 12px 32px rgba(0,0,0,.3)}main{padding:14px}.hero{padding:5px}.hero img,.promo img{display:block;width:100%;height:auto;border-radius:15px}.glow{box-shadow:0 0 26px rgba(0,245,113,.22)}.actions{display:grid;gap:12px;margin:16px 0}.cta{min-height:72px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;color:#fff;padding:10px 18px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.25);transition:.2s transform,.2s filter}.cta:active{transform:scale(.985)}.cta-primary{background:linear-gradient(180deg,#ff3131,#d60000)}.cta-secondary{background:linear-gradient(180deg,#13dd5a,#009b38)}.cta-icon{width:30px;height:30px;border-radius:50%;background:#fff;color:#0c8d47;display:grid;place-items:center;font-weight:800}.cta strong{display:block;font-size:20px;line-height:1.1}.cta small{display:block;color:rgba(255,255,255,.82);font-size:12px;margin-top:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.feature-card{min-height:92px;border-radius:15px;border:1px solid rgba(39,251,137,.34);background:rgba(4,43,25,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.feature-card b{font-size:17px;color:#3cff95}.feature-card span{font-size:11px;color:var(--muted);margin-top:4px}.jackpot{text-align:center;padding:22px 12px;margin:14px 0;background:radial-gradient(circle at 50% 15%,#1e7f3c,#072c1a 55%,#041d12)}.jackpot p{margin:0;color:#ffe064;font-size:12px;letter-spacing:2px}.jackpot h2{font-size:30px;margin:5px 0;color:#fff;text-shadow:0 0 18px rgba(255,213,63,.45)}.jackpot span{font-size:12px;color:var(--muted)}.promo-stack{display:grid;gap:14px}.promo{padding:5px}.info{margin-top:14px;padding:18px}.info h2{font-size:20px;margin:0 0 13px;color:#ffdf58}.steps{display:grid;gap:10px}.steps>div{display:flex;gap:12px;align-items:center;padding:10px;border-radius:13px;background:rgba(0,0,0,.17);border:1px solid rgba(26,222,111,.2)}.steps>div>span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#13e46a,#047f3a);font-weight:800}.steps p{margin:0}.steps b{font-size:14px}.steps small{display:block;font-size:11px;color:var(--muted)}.notice{margin:16px 4px 4px;padding:12px;border-radius:12px;background:#251d05;border:1px solid rgba(255,207,52,.34);color:#e9dba8;font-size:11px;line-height:1.6}.notice b{color:#ffd33d}footer{text-align:center;color:#638d76;font-size:11px;padding:20px 15px}.sticky-actions{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:1.15fr 1fr;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(1,17,10,.94);backdrop-filter:blur(12px);border-top:1px solid rgba(32,255,132,.25)}.sticky-btn{height:52px;border-radius:14px;display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.32)}.sticky-btn.join{background:linear-gradient(180deg,#ff3030,#cf0000)}.sticky-btn.admin{background:linear-gradient(180deg,#13dd5a,#00933d)}.is-locked{pointer-events:none;filter:grayscale(.35) brightness(.78)}#toast{position:fixed;z-index:100;left:50%;bottom:84px;transform:translate(-50%,20px);padding:10px 16px;border-radius:99px;background:#101c15;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;border:1px solid rgba(255,255,255,.16)}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:24px 0 100px}.page-shell{border-radius:24px;overflow:hidden}.sticky-actions{bottom:16px;border:1px solid rgba(32,255,132,.24);border-radius:20px}}