:root{--bg:#050100;--panel:rgba(20,5,0,.8);--panel2:rgba(48,9,0,.92);--orange:#ff4b00;--gold:#ffd166;--red:#ff1800;--white:#fff8ef;--muted:#ffd9b6;--line:rgba(255,152,0,.38)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--white);background:#030000;line-height:1.6;overflow-x:hidden;padding-bottom:86px}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.9)),radial-gradient(circle at 50% 20%,rgba(255,102,0,.22),transparent 38%),url('../img/banner-hkbet138-login.png') center/cover no-repeat;filter:saturate(1.15) contrast(1.08);z-index:-4}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 88%,rgba(255,72,0,.48),transparent 28%),radial-gradient(circle at 84% 88%,rgba(0,132,255,.24),transparent 25%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76));z-index:-3;pointer-events:none}.fire-bg,.fire-bg *{pointer-events:none}.fire-bg{position:fixed;inset:0;z-index:-2;overflow:hidden}.flame{position:absolute;bottom:-24%;width:38vw;height:54vh;border-radius:50% 50% 35% 35%;background:radial-gradient(circle at 50% 78%,rgba(255,230,120,.96),rgba(255,83,0,.78) 38%,rgba(255,0,0,.12) 70%,transparent 75%);filter:blur(18px);mix-blend-mode:screen;animation:flameDance 3.1s infinite alternate ease-in-out}.flame-a{left:-9vw}.flame-b{left:28vw;width:48vw;height:62vh;animation-duration:2.6s}.flame-c{right:-12vw;animation-delay:-1.1s}.ember{position:absolute;bottom:-35px;width:8px;height:8px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px 8px rgba(255,85,0,.8);animation:rise 7s infinite linear}.ember-1{left:12%}.ember-2{left:28%;animation-delay:-2s;width:5px;height:5px}.ember-3{left:52%;animation-delay:-4s}.ember-4{left:74%;animation-delay:-1s;width:6px;height:6px}.ember-5{left:88%;animation-delay:-5s}@keyframes flameDance{from{transform:translateY(0) scaleX(.92) skewX(-4deg);opacity:.62}to{transform:translateY(-5vh) scaleX(1.08) skewX(5deg);opacity:.96}}@keyframes rise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}12%{opacity:1}100%{transform:translate3d(24px,-110vh,0) scale(1.3);opacity:0}}.page-shell{width:min(96%,560px);margin:18px auto;display:grid;gap:18px}.card{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,var(--panel),rgba(8,1,0,.94));box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 0 44px rgba(255,75,0,.1);backdrop-filter:blur(16px);overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%);animation:cardShine 5s infinite;pointer-events:none}@keyframes cardShine{20%,100%{transform:translateX(120%)}}.hero-card{padding:20px;text-align:center}.top-badge{display:inline-flex;padding:7px 14px;margin-bottom:14px;border:1px solid rgba(255,209,102,.5);border-radius:999px;color:var(--gold);background:rgba(255,75,0,.12);font-size:12px;font-weight:900;letter-spacing:.08em}.brand-logo{margin:0 auto 16px;display:grid;place-items:center;gap:8px}.brand-logo img{display:block;width:min(250px,82%);height:auto;filter:drop-shadow(0 0 18px rgba(255,204,0,.8)) drop-shadow(0 0 28px rgba(0,128,255,.45))}.brand-logo small{color:var(--muted);font-weight:900;letter-spacing:.22em;font-size:12px;text-shadow:0 0 12px rgba(255,75,0,.9)}.hero-visual{display:block;margin:18px 0;text-decoration:none}.hero-visual{display:block;margin:18px 0;text-decoration:none}.banner-frame{position:relative;border-radius:28px;border:2px solid rgba(255,196,0,.72);background:#090100;box-shadow:0 0 34px rgba(255,75,0,.62),0 18px 35px rgba(0,0,0,.75),inset 0 0 28px rgba(255,208,0,.18);overflow:hidden}.banner-frame img{display:block;width:100%;height:auto;aspect-ratio:1080/1350;object-fit:cover;filter:brightness(.88) contrast(1.08) saturate(1.1)}.banner-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.2) 52%,rgba(0,0,0,.38));z-index:1;pointer-events:none}.banner-frame:after{content:"";position:absolute;top:0;left:-75%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);animation:bannerShine 4.2s infinite ease-in-out;z-index:2;pointer-events:none}@keyframes bannerShine{0%,35%{left:-75%}65%,100%{left:120%}}.banner-glow{position:absolute;inset:auto 8% 6% 8%;height:60px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,204,0,.55),transparent 70%);filter:blur(18px);z-index:2;pointer-events:none}h1{font-size:clamp(24px,6vw,38px);line-height:1.1;color:var(--gold);text-shadow:0 0 18px rgba(255,64,0,.72);margin-bottom:12px}h2{font-size:22px;color:var(--gold);margin-bottom:14px}h3{color:#fff;font-size:16px;margin:6px 0}.lead{color:var(--muted);font-size:15px}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.btn{position:relative;display:grid;place-items:center;min-height:52px;border-radius:16px;text-decoration:none;color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;isolation:isolate;transition:.2s}.btn:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.9),transparent 32%);animation:spin 2.4s infinite linear;z-index:-2}.btn:after{content:"";position:absolute;inset:2px;border-radius:14px;z-index:-1}.btn-primary:after{background:linear-gradient(180deg,#ffb000,#ff2d00)}.btn-secondary:after{background:linear-gradient(180deg,#ff4b00,#6d0900)}.btn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,75,0,.7)}@keyframes spin{to{transform:rotate(360deg)}}.ticker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,75,0,.16);border:1px dashed rgba(255,209,102,.7);color:var(--muted);font-size:13px}#countdown{color:var(--gold);font-size:16px}.info-card,.table-card,.content-card{padding:20px}.feature-grid{display:grid;gap:12px}.feature-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,209,102,.18)}.feature-grid span{color:var(--gold);font-weight:1000;font-size:12px}.feature-grid p,.content-card p{color:var(--muted);font-size:14px;margin-top:6px}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th,td{padding:12px;border:1px solid rgba(255,209,102,.18);text-align:left;font-size:14px}th{width:38%;color:var(--gold);background:rgba(255,75,0,.12)}td{color:var(--muted)}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:10;width:min(94%,540px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border:1px solid rgba(255,209,102,.42);border-radius:22px;background:rgba(15,3,0,.86);backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.65)}.bottom-nav a{color:var(--gold);text-decoration:none;text-align:center;font-size:12px;font-weight:1000;text-transform:uppercase;padding:9px 4px;border-radius:14px;background:rgba(255,75,0,.12)}.bottom-nav a:hover{background:rgba(255,75,0,.28);color:#fff}@media(max-width:430px){.hero-card,.info-card,.table-card,.content-card{padding:16px}.cta-grid{grid-template-columns:1fr}.ticker{flex-direction:column}th,td{display:block;width:100%}.login-panel{min-height:270px}.login-panel h2{font-size:36px}}