:root{--bg-primary: #0a1628;--bg-secondary: #0f2042;--bg-tertiary: #162a52;--gold-primary: #ffd700;--gold-secondary: #ffb347;--gold-tertiary: #f4a460;--gold-glow: rgba(255, 215, 0, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--segment-lucky: #c41e3a;--segment-18k: #e74c3c;--segment-28k: #f39c12;--segment-38k: #27ae60;--segment-68k: #3498db;--segment-88k: #9b59b6;--segment-188k: #1abc9c;--segment-288k: #e91e63;--segment-688k: #ff6b6b;--border-color: rgba(255, 215, 0, .3);--shadow-gold: 0 0 20px rgba(255, 215, 0, .4);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-display: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--gold-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gold-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:600px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn--primary{background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));color:var(--bg-primary);box-shadow:var(--shadow-gold)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffd70099}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--secondary{background:transparent;color:var(--gold-primary);border:2px solid var(--gold-primary)}.btn--secondary:hover{background:#ffd7001a}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn--full{width:100%}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--gold-primary);background:#ffffff1f;box-shadow:0 0 0 3px #ffd70026}.form-input:invalid:not(:placeholder-shown){border-color:#e74c3c}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-soft)}.card--glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-col{max-width:720px}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.popup-overlay.active{opacity:1;visibility:visible}.popup{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--gold-primary);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:100%;text-align:center;transform:scale(.9);transition:transform var(--transition-normal);box-shadow:var(--shadow-gold)}.popup-overlay.active .popup{transform:scale(1)}.popup__title{font-size:1.5rem;color:var(--gold-primary);margin-bottom:var(--space-md)}.popup__message{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7}.popup__reward-code{display:inline-block;background:#ffd70026;border:1px dashed var(--gold-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:1.125rem;color:var(--gold-primary);margin:var(--space-md) 0;letter-spacing:1px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-tertiary);font-weight:600;color:var(--gold-primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff08}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.badge--success{background:#27ae6033;color:#2ecc71}.badge--warning{background:#f1c40f33;color:#f1c40f}.badge--danger{background:#e74c3c33;color:#e74c3c}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.moon-glow{position:absolute;top:-100px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.text-center{text-align:center}.text-gold{color:var(--gold-primary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){:root{--space-xl: 24px;--space-2xl: 32px}.container{padding:0 var(--space-md)}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:1rem}}@media (max-width: 480px){html{font-size:14px}.card{padding:var(--space-lg)}}.spinner{width:24px;height:24px;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.copy-btn{padding:var(--space-xs) var(--space-sm);font-size:.75rem;background:#ffd7001a;border:1px solid var(--gold-primary);color:var(--gold-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:#ffd70033}.copy-btn.copied{background:#27ae6033;border-color:#2ecc71;color:#2ecc71}@keyframes moonGlow{0%,to{box-shadow:0 0 60px #ffd70080,0 0 120px #ffd7004d}50%{box-shadow:0 0 80px #ffd70099,0 0 160px #ffd70066}}@keyframes twinkleWheel{0%,to{opacity:.5}50%{opacity:1}}@keyframes twinkleEnter{0%,to{opacity:.8}50%{opacity:1}}