:root{color-scheme:dark;--gold:#f2d49a;--muted:#a7a1b8}html,body{background:#100d1b}body{font-family:Nunito,Arial,sans-serif;background:radial-gradient(ellipse at 18% 20%,#40285b88,transparent 50%),radial-gradient(ellipse at 90% 90%,#78543233,transparent 45%),#100d1b;padding:100px 32px 90px;position:relative}body:before{content:'BUM789 / GIFT CLUB';position:absolute;top:32px;left:5%;font-size:13px;font-weight:900;letter-spacing:3px;color:var(--gold)}body:after{content:'18+  •  Dành cho người trưởng thành';position:absolute;top:34px;right:5%;font-size:12px;color:var(--muted)}main{width:min(1050px,100%);position:relative;text-align:left;display:grid;grid-template-columns:1.05fr 1fr;column-gap:80px;align-items:start;padding:48px;border:1px solid #ffffff14;border-radius:32px;background:linear-gradient(135deg,#21192eeb,#171321f5);box-shadow:0 32px 100px #0005}.gift{grid-column:1;grid-row:1 / span 4;display:grid;place-items:center;min-height:340px;font-size:126px;border-radius:24px;background:radial-gradient(circle,#b58b5133,transparent 65%);filter:drop-shadow(0 15px 30px #0006);animation:float 4s ease-in-out infinite}.gift:before{content:'MỘT KHỞI ĐẦU ĐẶC BIỆT';position:absolute;top:8px;font-size:11px;letter-spacing:3px;color:var(--gold)}.gift:after{content:'Quà chào mừng đang chờ bạn';position:absolute;bottom:10px;font-size:17px;color:#d4c8e5;font-weight:800}h1{grid-column:2;margin:0 0 26px;font-size:30px;line-height:1.3;text-transform:none;font-weight:900}h1 span{color:var(--gold);margin-top:8px;font-size:36px}.feed{grid-column:2;border:1px solid #ffffff10;background:#100d1b80;border-radius:16px;height:125px;padding:0 16px}.feed li{font-size:12px;border-color:#ffffff0d}.feed .user{color:#c5b2e5}.feed .act{color:var(--gold)}.feed .time{color:var(--muted);font-size:11px}.agree{grid-column:2;font-size:13px;line-height:21px;font-weight:400;margin:22px 0 0;gap:10px;color:#c0b9cf}.agree input{accent-color:#e4c18a;width:18px;height:18px}.register{grid-column:2;border-radius:12px;height:58px;margin-top:22px;font-size:15px;letter-spacing:1px;border-color:#ffffff18;background:#30283e;color:#887d97}.register.on{background:linear-gradient(110deg,#f5dfb2,#c99d59);color:#2a1c0c;border-color:#ffe7b6;box-shadow:0 8px 30px #d1a35922;animation:none}.register.on:hover{filter:brightness(1.08);transform:translateY(-2px)}footer{grid-column:1 / -1;border-top:1px solid #ffffff0d;padding-top:24px;margin-top:36px;text-align:center;color:#81788f;font-size:11px}.sound{background:#21192e;border-color:#ffffff20;font-size:12px;font-weight:800;height:40px;padding:0 16px}.sound svg{width:17px;height:17px}.reward{display:block;text-align:center;width:min(520px,100%);padding:36px}.reward-badge{background:#b28a4320;color:var(--gold);border-color:#b28a4360;letter-spacing:1px;font-size:11px}.reward h1{font-size:28px}.reward-status{color:var(--muted);font-size:14px}.reward-list{border-color:#ffffff15;background:#100d1b80;font-size:16px}.reward-list strong{color:var(--gold);text-shadow:none}.reward-countdown{color:var(--gold);font-size:20px;text-shadow:none}.reward-checking{color:var(--muted)}.reward-progress::-webkit-progress-value{background:linear-gradient(90deg,#b28a43,#f2d49a)}.reward-progress::-moz-progress-bar{background:#e4c18a}.reward-progress{border:0;height:6px}.register:focus-visible,.sound:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:720px){body{padding:94px 18px 90px}body:before{left:24px;top:25px;font-size:11px}body:after{top:49px;left:24px;right:auto;font-size:10px}main{display:block;padding:28px 24px;border-radius:24px;max-width:440px}.gift{min-height:200px;font-size:88px;margin-bottom:24px}.gift:before{font-size:9px;top:0}.gift:after{font-size:13px;bottom:0}h1{text-align:center;font-size:22px;margin-top:0}h1 span{font-size:29px}.agree{margin:20px 0 0;font-size:12px}.register{font-size:14px;height:56px}footer{line-height:1.8;margin-top:24px;padding-top:20px}.reward{padding:30px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}