@font-face{ font-family:'Anakotmai'; src:url('fonts/Anakotmai-Light.ttf') format('truetype'); font-weight:300; font-display:swap; }
@font-face{ font-family:'Anakotmai'; src:url('fonts/Anakotmai-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face{ font-family:'Anakotmai'; src:url('fonts/Anakotmai-Bold.ttf') format('truetype'); font-weight:700; font-display:swap; }

:root{
  --red:#e0111f; --blue:#1536e0; --gold:#ffd400; --gold-2:#ffe07a; --cream:#fff;
}
*{ -webkit-tap-highlight-color:transparent }
body{ font-family:'Anakotmai','Kanit',system-ui,sans-serif; font-weight:300; color:var(--cream); }
.display{ font-family:'Anakotmai','Kanit',sans-serif; font-weight:700; letter-spacing:.5px }
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.no-select{ -webkit-user-select:none; user-select:none }

.bg-lux{
  background:
    radial-gradient(70% 90% at 50% 45%, rgba(0,0,0,.28), transparent 72%),
    linear-gradient(100deg,#0a1a7a 0%,#1430c0 28%,#4a2390 50%,#b01428 72%,#7a0d18 100%);
  background-attachment:fixed;
}
.gold-text{
  background:linear-gradient(135deg,#fff6cf 0%,#ffe488 28%,#ffd400 55%,#f0b41a 78%,#b8860b 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.gold-rule{ height:1px; background:linear-gradient(90deg,transparent,rgba(255,212,0,.7),transparent) }

.card-lux{
  background:linear-gradient(160deg,rgba(40,10,22,.80),rgba(10,14,52,.92));
  border:1px solid rgba(255,212,0,.22);
  box-shadow:0 24px 60px -28px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.05);
}
.card-vid{ background:linear-gradient(165deg,rgba(46,10,22,.72),rgba(10,14,52,.9));
  border:1px solid rgba(255,212,0,.16); transition:.35s; }
.card-vid:hover{ transform:translateY(-4px); border-color:rgba(255,212,0,.6);
  box-shadow:0 22px 50px -18px rgba(255,212,0,.28),0 0 0 1px rgba(255,212,0,.35); }

.inp{ background:rgba(0,0,0,.4); border:1px solid rgba(255,212,0,.28); color:var(--cream); }
.inp::placeholder{ color:rgba(255,255,255,.4) }
.inp:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(255,212,0,.18) }
select.inp option{ color:#111 }

.btn-gold{ color:#2a0710; font-weight:700;
  background:linear-gradient(135deg,#ffe488,#ffd400 45%,#e0a800 100%);
  box-shadow:0 10px 26px -8px rgba(255,212,0,.55), inset 0 1px 0 rgba(255,255,255,.6); }
.btn-gold:hover{ filter:brightness(1.05) }
.btn-ghost{ border:1px solid rgba(255,212,0,.4); color:var(--gold-2); background:rgba(0,0,0,.25) }
.btn-ghost:hover{ background:rgba(255,212,0,.12) }
.btn-red{ background:linear-gradient(135deg,#ff5a6a,#e0111f); color:#fff; font-weight:600 }
.btn-red:hover{ filter:brightness(1.06) }
.badge-gold{ background:linear-gradient(135deg,#ffe488,#ffd400); color:#2a0710 }
.frame-gold{ border:1px solid rgba(255,212,0,.45);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 30px 70px -25px rgba(255,212,0,.3); }
table.tbl{ width:100%; border-collapse:collapse }
table.tbl th, table.tbl td{ padding:.65rem .75rem; text-align:left; border-bottom:1px solid rgba(255,212,0,.12); font-size:14px; vertical-align:middle }
table.tbl th{ color:rgba(255,224,122,.85); font-weight:500; font-size:12px; letter-spacing:.05em }
@keyframes floatwm{ 0%,100%{opacity:.5} 50%{opacity:.28} }