:root{--color-primary: #C8102E;--color-primary-dark: #9B0D24;--color-primary-light: #E63946;--color-secondary: #1A1A2E;--color-accent: #FFD700;--color-accent-dark: #D4A800;--color-success: #2E7D32;--color-warning: #F9A825;--color-error: #D32F2F;--color-blue: #1565C0;--color-green: #2E7D32;--color-bg: #0F0F1A;--color-surface: #1A1A2E;--color-surface-light: #252540;--color-text: #F5F5F5;--color-text-muted: #A0A0B8;--color-border: #2A2A45;--color-white: #FFFFFF;--color-black: #0A0A14;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.4);--max-width: 1200px;--header-height: 64px;--float-height: 72px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden;padding-bottom:var(--float-height)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.site-header{position:sticky;top:0;z-index:100;background:#0f0f1af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:transform .3s ease}.site-header.header-hidden{transform:translateY(-100%)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.25rem;white-space:nowrap}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-white);border-radius:var(--radius-sm);font-size:1.25rem;font-weight:800}.logo-text{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav ul{display:flex;align-items:center;gap:4px}.main-nav a{display:block;padding:8px 14px;font-size:.9rem;font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color .2s,background .2s}.main-nav a:hover,.main-nav a.active{color:var(--color-text);background:var(--color-surface-light)}.header-actions{display:flex;align-items:center;gap:8px}.search-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background .2s}.search-toggle:hover{background:var(--color-border)}.btn-register,.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:transform .15s,box-shadow .2s;white-space:nowrap}.btn-register{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);box-shadow:0 2px 12px #c8102e66}.btn-register:hover{transform:translateY(-1px);box-shadow:0 4px 16px #c8102e80}.btn-login{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-login:hover{background:var(--color-surface-light);border-color:var(--color-text-muted)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--color-text);border-radius:2px;margin:0 auto;transition:transform .3s,opacity .3s}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.search-bar{max-height:0;overflow:hidden;background:var(--color-surface);border-bottom:1px solid transparent;transition:max-height .3s ease,border-color .3s}.search-bar.open{max-height:200px;border-bottom:1px solid var(--color-border)}.search-bar-inner{max-width:var(--max-width);margin:0 auto;padding:16px}.search-form{display:flex;gap:8px;margin-bottom:12px}.search-form input{flex:1;padding:10px 16px;font-size:.95rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none}.search-form input:focus{border-color:var(--color-primary-light)}.search-submit{padding:10px 24px;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s}.search-submit:hover{transform:translateY(-1px)}.hot-searches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hot-label{font-size:.8rem;color:var(--color-text-muted);margin-right:4px}.hot-tag{padding:4px 12px;font-size:.8rem;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-muted);transition:color .2s,border-color .2s}.hot-tag:hover{color:var(--color-accent);border-color:var(--color-accent-dark)}.breadcrumbs{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.breadcrumb-inner{max-width:var(--max-width);margin:0 auto;padding:10px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.85rem;color:var(--color-text-muted)}.breadcrumb-inner a{color:var(--color-text-muted);transition:color .2s}.breadcrumb-inner a:hover{color:var(--color-accent)}.breadcrumb-inner .sep{color:var(--color-text-muted);opacity:.5}.main-content{max-width:var(--max-width);margin:0 auto;padding:24px 16px;min-height:60vh}.site-footer{background:var(--color-black);border-top:1px solid var(--color-border);padding:48px 16px 24px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}.footer-brand p{font-size:.875rem;color:var(--color-text-muted);line-height:1.7;margin-top:12px;max-width:320px}.footer-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.25rem}.footer-col h4{font-size:.95rem;font-weight:700;margin-bottom:12px;color:var(--color-text)}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{font-size:.875rem;color:var(--color-text-muted);transition:color .2s}.footer-col ul li a:hover{color:var(--color-accent)}.footer-compliance{padding:24px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:24px}.compliance-badge{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.age-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 8px;background:var(--color-primary);color:var(--color-white);font-weight:800;font-size:1.1rem;border-radius:var(--radius-sm);flex-shrink:0}.compliance-badge p{font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.compliance-note p{font-size:.825rem;color:var(--color-text-muted);line-height:1.6}.footer-bottom{text-align:center}.footer-bottom p{font-size:.825rem;color:var(--color-text-muted)}.footer-bottom a{color:var(--color-text-muted);text-decoration:underline}.footer-bottom a:hover{color:var(--color-accent)}.floating-cta{position:fixed;bottom:0;left:0;right:0;z-index:90;height:var(--float-height);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary));border-top:2px solid var(--color-accent);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;box-shadow:0 -4px 24px #0006}.float-visual{display:flex;align-items:center;gap:4px;position:relative;width:48px;height:48px;flex-shrink:0}.slot-reel{display:flex;gap:2px;background:var(--color-black);padding:4px 6px;border-radius:6px;border:1px solid var(--color-accent-dark)}.reel-symbol{font-size:.8rem;color:var(--color-accent);animation:spin 3s ease-in-out infinite}.reel-symbol:nth-child(2){animation-delay:.5s;color:var(--color-primary-light)}.reel-symbol:nth-child(3){animation-delay:1s;color:var(--color-success)}@keyframes spin{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.coin{position:absolute;font-size:.7rem;font-weight:700;color:var(--color-accent);animation:float-coin 2s ease-in-out infinite}.coin-1{top:0;right:0;animation-delay:0s}.coin-2{top:4px;right:12px;animation-delay:.3s}.coin-3{bottom:4px;right:2px;animation-delay:.6s}@keyframes float-coin{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-4px) rotate(15deg);opacity:.7}}.float-text{display:flex;flex-direction:column;flex:1;min-width:0}.float-text strong{font-size:.95rem;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-text span{font-size:.75rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-buttons{display:flex;gap:8px;flex-shrink:0}.float-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.875rem;font-weight:700;border-radius:var(--radius-sm);transition:transform .15s,box-shadow .2s;white-space:nowrap}.float-register{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-black);box-shadow:0 2px 12px #ffd7004d}.float-register:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffd70066}.float-login{background:#ffffff26;color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.float-login:hover{background:#ffffff40}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:768px){.main-nav{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);max-height:0;overflow:hidden;transition:max-height .3s ease}.main-nav.open{max-height:400px}.main-nav ul{flex-direction:column;padding:8px 16px;gap:0}.main-nav a{padding:12px 16px;border-radius:var(--radius-sm)}.menu-toggle{display:flex}.btn-register,.btn-login{padding:7px 14px;font-size:.8rem}.footer-grid{grid-template-columns:1fr;gap:20px}.float-text,.float-visual{display:none}.floating-cta{justify-content:center}.float-buttons{width:100%;justify-content:center}.float-btn{flex:1;max-width:160px}}@media(max-width:480px){.header-inner{padding:0 12px}.logo-text{font-size:1.1rem}.btn-register{padding:7px 12px}.btn-login{display:none}.float-btn{padding:10px 16px;font-size:.8rem}}