*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Kanit,sans-serif;background:#05070b;color:#fff}body{min-height:100vh;overflow-x:hidden}.landing-bg,.landing-bg video,.landing-fallback,.shade{position:fixed;inset:0;width:100%;height:100%}.landing-bg{z-index:0;background:#05070b;pointer-events:none;overflow:hidden}.landing-bg video{object-fit:cover;z-index:1;display:block;background:#05070b}.landing-fallback{background-image:var(--bg);background-size:cover;background-position:center;z-index:0}.shade{z-index:2;background:radial-gradient(circle at 50% 48%,transparent 0 22%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.8) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.72))}.landing-nav{height:86px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,7,11,.78),rgba(5,7,11,.16));backdrop-filter:blur(6px)}.landing-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.landing-brand img{width:115px;height:66px;object-fit:contain}.landing-brand span{display:flex;flex-direction:column}.landing-brand b{font-size:17px}.landing-brand small{color:#aeb7c7}.landing-links{display:flex;align-items:center;gap:28px}.landing-links a{color:#edf2fa;text-decoration:none;font-weight:600}.nav-login{padding:11px 18px;border:1px solid #ffffff44;border-radius:12px;background:#ffffff0d}.landing-hero{min-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.logo-bounce img{width:min(680px,76vw);max-height:390px;object-fit:contain;filter:drop-shadow(0 20px 38px #000c);animation:logoBounce 3.2s ease-in-out infinite}.eyebrow{letter-spacing:.16em;color:#ffb55d;font-weight:700;margin:12px 0 4px}.landing-hero h1{font-size:clamp(34px,5.4vw,76px);margin:0;text-shadow:0 8px 28px #000}.hero-sub{font-size:clamp(16px,2vw,24px);color:#d7deea;margin:10px 0 26px}.enter-btn{background:linear-gradient(135deg,#ff3b30,#ff8b1a);color:#fff;text-decoration:none;padding:15px 34px;border-radius:14px;font-weight:800;box-shadow:0 16px 40px #ff3b3038;transition:.18s}.enter-btn:hover{transform:translateY(-2px) scale(1.02)}footer{text-align:center;padding:20px;color:#8f99aa;background:linear-gradient(0deg,#05070bd9,transparent)}@keyframes logoBounce{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-13px) scale(1.012)}58%{transform:translateY(-9px) scale(1.006)}}@media(max-width:760px){.landing-nav{height:auto;padding:14px 16px;flex-wrap:wrap;gap:8px}.landing-brand span{display:none}.landing-links{width:100%;justify-content:center;gap:14px;font-size:13px;flex-wrap:wrap}.landing-hero{min-height:72vh}.logo-bounce img{width:94vw}}

.landing-nav,.landing-hero,footer{position:relative;z-index:5}