body{font-family:'Sarabun',sans-serif;margin:0;background:#fff;color:#000;}
.header{text-align:center;padding:20px;}
.logo{width:120px;}
.hero{padding:20px;}
.hero-img-wrap{position:relative;}
.hero-img{width:100%;border-radius:16px;}
.promo-card{background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-top:16px;text-align:center;}
.promo-img{width:100%;border-radius:16px;cursor:pointer;transition:transform .2s;}
.promo-img:hover{transform:scale(1.02);}
.btn-register{background:#D2691E;color:#fff;padding:14px 20px;border:none;border-radius:12px;font-size:18px;width:100%;cursor:pointer;margin-top:12px;}
.desc{padding:20px;line-height:1.8;}
.contact{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:18px;color:#000;text-decoration:none;}
.twitter-icon{width:32px;height:32px;}
.footer{text-align:center;padding:20px;color:#777;}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;}
.popup img{max-width:90%;border-radius:16px;}
.close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;}