body { margin:0; font-family:'Sarabun', sans-serif; background:#FFF; color:#000; }
.header { text-align:center; padding:16px; }
.logo { width:140px; }

.hero { padding:20px; }
.hero-card { background:#FFF; padding:16px; border-radius:16px; box-shadow:0 4px 10px rgba(0,0,0,0.1); text-align:center; }
.promo-img { width:100%; border-radius:12px; }
.register-btn {
  margin-top:12px; background:#D2691E; color:#FFF; padding:14px 20px;
  font-size:18px; border:none; border-radius:12px; cursor:pointer;
  animation: pulse 2s infinite;
}
@keyframes pulse { 0%{transform:scale(1);} 50%{transform:scale(1.05);} 100%{transform:scale(1);} }

.carousel { margin-top:20px; overflow:hidden; }
.slide { width:100%; border-radius:12px; margin-bottom:10px; }

.okvip { padding:20px; }
.okvip h2 { margin-bottom:10px; }
.thumb-scroll { display:flex; gap:12px; overflow-x:auto; padding-bottom:10px; }
.thumb { position:relative; flex:0 0 auto; }
.thumb img { width:90px; height:90px; border-radius:14px; object-fit:cover; }
.label {
  position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5);
  color:#FFF; font-size:12px; padding:4px; border-radius:0 0 14px 14px; text-align:center;
}

.footer { text-align:center; padding:20px; font-size:14px; }
.twitter-icon { width:40px; }