:root{
  --yellow:#ffe600;
  --yellow2:#ffcc00;
  --black:#050505;
  --white:#ffffff;
  --muted:#c9c9c9;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Inter","Noto Sans Thai",system-ui,sans-serif;background:#050505;color:var(--white)}
a{color:inherit;text-decoration:none}
.page{width:100%;min-height:100vh;overflow:hidden;background:#050505}
.hero{position:relative;min-height:100vh;width:100%;padding:46px 7vw 30px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(255,230,0,.17),transparent 28%),linear-gradient(180deg,#111 0%,#050505 72%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 70%);opacity:.55}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92)),radial-gradient(ellipse at center,rgba(255,230,0,.16),transparent 56%);pointer-events:none}
.hero-content,.footer{position:relative;z-index:2}.hero-content{text-align:center;margin:auto;max-width:1360px;width:100%}
.logo-main{width:min(360px,38vw);max-width:100%;margin:0 auto 18px;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(255,230,0,.24))}
.eyebrow{letter-spacing:14px;color:#eee;font-size:18px;margin:0 0 18px}.hero h1{margin:0;font-size:clamp(82px,11vw,172px);line-height:.86;font-weight:900;font-style:italic;letter-spacing:-5px;color:var(--yellow);text-shadow:0 6px 0 #826f00,0 0 35px rgba(255,230,0,.35)}.hero h2{font-size:clamp(24px,2.2vw,42px);line-height:1.25;margin:30px 0 8px;font-weight:800}.lead{max-width:820px;margin:0 auto 48px;color:#ddd;font-size:clamp(16px,1.1vw,21px);line-height:1.65}
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1120px;margin:0 auto 28px;border-top:1px solid rgba(255,230,0,.45);border-bottom:1px solid rgba(255,230,0,.45)}.badges article{padding:22px 20px;border-right:1px solid rgba(255,230,0,.35)}.badges article:last-child{border-right:0}.badges b{display:block;color:#fff;font-size:20px}.badges span{display:block;color:#cfcfcf;font-size:15px;margin-top:4px}
.notify{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:16px;text-align:left;padding:18px;border:1.5px solid var(--yellow);border-radius:22px;background:rgba(0,0,0,.58);box-shadow:0 0 24px rgba(255,230,0,.14)}.notify strong{display:block;font-size:20px}.notify span{color:#ddd}.notify input{height:52px;border:1px solid #333;border-radius:12px;background:#141414;color:#fff;padding:0 18px;font-size:16px}.notify button{height:52px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--yellow),var(--yellow2));color:#050505;font-weight:900;padding:0 32px;font-size:16px;cursor:pointer}.footer{display:flex;justify-content:center;gap:34px;color:#e8e8e8;font-weight:700;margin-top:24px}.stripe{position:absolute;z-index:1;width:200px;height:120%;top:-10%;background:linear-gradient(90deg,rgba(255,230,0,.12),var(--yellow),rgba(255,230,0,.05));filter:drop-shadow(0 0 30px rgba(255,230,0,.35));opacity:.88}.stripe-left{left:-44px;transform:rotate(14deg)}.stripe-right{right:-90px;transform:rotate(14deg)}.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.glow-left{width:400px;height:400px;background:var(--yellow);left:-120px;top:18%}.glow-right{width:360px;height:360px;background:var(--yellow);right:-140px;bottom:12%}
@media(max-width:900px){.hero{padding:28px 20px}.logo-main{width:220px}.eyebrow{letter-spacing:7px;font-size:13px}.hero h1{font-size:64px;letter-spacing:-2px}.hero h2{margin-top:20px}.lead{margin-bottom:28px}.badges{grid-template-columns:repeat(2,1fr)}.badges article:nth-child(2){border-right:0}.notify{grid-template-columns:1fr;text-align:center}.footer{flex-direction:column;gap:8px;text-align:center;font-size:14px}.stripe{width:120px}.stripe-right{right:-84px}}