:root{--bg-primary:#000;--bg-elevated:#000;--bg-card:#0a0a10;--bg-card-hover:#0e0e18;--surface:#ffffff05;--surface-hover:#ffffff0a;--accent:#39ff14;--accent-bright:#7bff4a;--accent-subtle:#39ff1414;--accent-border:#39ff141f;--accent-glow:#39ff140f;--text-primary:#e8e8f0;--text-secondary:#7a7a96;--text-muted:#4a4a62;--border:#ffffff0d;--border-hover:#ffffff1a;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--font-main:"Barlow", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);background:var(--bg-primary)}body{font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;font-size:15px;line-height:1.65;overflow-x:hidden}.site-bg-overlay{z-index:-1;opacity:.85;pointer-events:none;width:100%;height:100%;transition:opacity .3s var(--ease);background-color:#0a0a0a;background-image:url(/topo_wave_background.svg);background-position:50%;background-size:cover;position:fixed;top:0;left:0}a{color:var(--accent);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--accent-bright)}img{max-width:100%;display:block}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.accent{color:var(--accent)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.info-grid .reveal:first-child{transition-delay:0s}.info-grid .reveal:nth-child(2){transition-delay:70ms}.info-grid .reveal:nth-child(3){transition-delay:.14s}.info-grid .reveal:nth-child(4){transition-delay:.21s}.info-grid .reveal:nth-child(5){transition-delay:.28s}.info-grid .reveal:nth-child(6){transition-delay:.35s}.nav{width:100%;height:var(--nav-height);z-index:1000;transition:background .35s var(--ease), border-color .35s var(--ease);background:0 0;border-bottom:1px solid #0000;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(24px)saturate(1.2);border-bottom-color:var(--border);background:#000c}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.main-logo-img{object-fit:contain;border-radius:6px;width:48px;height:48px}.brand-logo{object-fit:contain;width:auto;height:40px}.logo-icon{display:flex}.logo-text{font-family:var(--font-main);letter-spacing:.05em;font-size:1.05rem;font-weight:800;display:inline-block;position:relative}.logo-text:after{content:"";background-color:var(--text-primary);width:0;height:1px;transition:width .35s var(--ease);position:absolute;bottom:-2px;left:0}.nav-logo:hover .logo-text:after{width:100%}.nav-status{border:1px solid var(--accent-border);background:var(--accent-subtle);border-radius:100px;align-items:center;gap:8px;padding:6px 16px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite _pulse;box-shadow:0 0 10px #39ff1480}.status-text{letter-spacing:.18em;color:var(--accent);font-size:.68rem;font-weight:600}@keyframes _pulse{0%,to{opacity:1}50%{opacity:.3}}.hero{min-height:auto;padding:calc(var(--nav-height) + 40px) 24px 60px;z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#39ff1408 0%,#0000 65%);border-radius:50%;width:700px;height:700px;animation:20s ease-in-out infinite alternate _glowDrift;position:absolute;top:0;left:20%}@keyframes _glowDrift{0%{opacity:1;transform:translate(0)scale(1)}50%{opacity:.6;transform:translate(80px,-50px)scale(1.15)}to{opacity:1;transform:translate(-30px,40px)scale(.9)}}.hero-content{z-index:1;text-align:center;max-width:700px;margin-bottom:72px;position:relative}.hero-watermark{font-family:var(--font-main);pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(110deg,#ffdf7326 0%,#ffffff40 20%,#d4af371a 40%,#fde08b2e 60%,#8a5a1914 80%,#d4af371f 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;width:max-content;max-width:none;margin:30px 0;font-size:clamp(4rem,16vw,14rem);font-weight:800;line-height:.85;display:flex;position:relative;left:50%;transform:translate(-50%)}@media (width>=769px){.hero-watermark{flex-direction:row;gap:.2em;line-height:1}}.hero-badge{letter-spacing:.18em;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-subtle);border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:6px 18px;font-size:.68rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2.5s ease-in-out infinite _pulse}.hero-title{font-family:var(--font-main);letter-spacing:-.02em;color:#fff;margin-bottom:24px;font-size:clamp(2.1rem,4.2vw,3.5rem);font-weight:800;line-height:1.05}.hero-title .accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);z-index:2;max-width:480px;margin:0 auto;font-size:1.05rem;font-weight:400;line-height:1.75;position:relative}.hero-disclaimer{color:var(--text-secondary);opacity:.8;max-width:480px;margin:12px auto 0;font-size:.85rem;font-style:italic;font-weight:400;line-height:1.6}.info-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;max-width:1140px;display:grid;position:relative}.info-box{-webkit-backdrop-filter:blur(12px)saturate(1.1);border:1px solid var(--border);border-radius:var(--radius-md);will-change:transform;background:#0a0a10b3;flex-direction:column;min-height:320px;padding:30px;display:flex;position:relative;overflow:hidden}.box-number{font-family:var(--font-main);color:#ffffff05;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:3.5rem;font-weight:800;line-height:1;position:absolute;top:14px;right:20px}.box-trophy{opacity:.5;pointer-events:none;z-index:0;width:24px;height:auto;position:absolute;top:15px;right:20px}.box-header{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex;position:relative}.match-flags{align-items:center;gap:12px;display:flex}.country-flag{border-radius:4px;width:36px;box-shadow:0 2px 6px #0006}.match-vs{color:var(--text-muted);font-size:.8rem;font-weight:800}.box-icon{background:var(--accent-subtle);border-radius:var(--radius-md);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.box-label{letter-spacing:.04em;color:#fff;opacity:.95;font-size:1.1rem;font-weight:800}.box-title{font-family:var(--font-main);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);z-index:1;margin-bottom:12px;font-size:.9rem;font-weight:600;position:relative}.box-content{color:var(--text-secondary);z-index:1;flex:1;font-size:.86rem;line-height:1.7;position:relative}.market-container{flex-direction:column;gap:4px;margin-top:8px;display:flex}.market-item{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.market-name{color:var(--text-primary);flex:1;min-width:0;padding-right:12px;font-size:.8rem;font-weight:400}.market-value{flex-shrink:0;align-items:center;display:flex}.market-odds-btn{cursor:pointer;height:auto;transition:transform .25s var(--ease);background:0 0;border:none;border-radius:0;flex-shrink:0;align-items:center;gap:12px;padding:0;text-decoration:none;display:flex}.market-odds-btn:hover{transform:scale(1.05)}.market-odds-btn:active{transform:scale(.96)}.odds-divider{background:#ffffff26;width:1px;height:16px}.market-odds{color:var(--accent);font-family:var(--font-main);letter-spacing:.02em;text-align:center;transition:color .25s var(--ease), text-shadow .25s var(--ease);font-size:1.15rem;font-weight:900;line-height:1}.market-odds-btn:hover .market-odds{color:var(--accent-bright);text-shadow:0 0 12px var(--accent-glow)}.bookmaker-logo-wrapper{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.bookmaker-logo{object-fit:contain;border-radius:4px;width:100%;height:100%}.skybet-logo{transform:scale(2.2)}.nav-socials-wrapper{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.nav-socials-inner{align-items:center;gap:16px;display:flex}.socials-label{font-family:var(--font-main);letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase;font-size:.95rem;font-weight:800}.socials-underline{background:linear-gradient(90deg,#fff0 0%,#ffffff80 100%);border-radius:1px;width:100%;height:1px}.nav-socials{align-items:center;gap:12px;display:flex}.social-link{-webkit-backdrop-filter:blur(10px);width:48px;height:48px;color:var(--text-primary);transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff1a}.social-link svg{transform:scale(1.5)}.social-link:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border);box-shadow:0 6px 16px var(--accent-glow), inset 0 1px 0 #fff3;transform:translateY(-2px)}.box-footer{border-top:1px solid var(--border);z-index:1;margin-top:20px;padding-top:14px;position:relative}.box-timestamp{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:600}.box-glow{pointer-events:none;opacity:0;width:280px;height:280px;transition:opacity .5s var(--ease);z-index:0;background:radial-gradient(circle,#39ff140f 0%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.footer{border-top:1px solid var(--border);z-index:1;background:#000000e6;padding:48px 0 24px;position:relative}.footer-inner{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.footer-tagline{color:var(--text-muted);text-align:right;font-size:.8rem;line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:20px}.footer-bottom p{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem}@media (width<=1024px){.info-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:740px}.info-box{min-height:auto}}@media (width<=768px){:root{--nav-height:64px}.nav-inner{padding:0 16px}.brand-logo{height:32px}.logo-text{font-size:.9rem}.nav-socials-wrapper{align-items:center;gap:0}.socials-label,.socials-underline{display:none}.hero{min-height:auto;padding-top:calc(var(--nav-height) + 24px);padding-bottom:40px}.hero-glow{display:none}.hero-title{margin-bottom:12px;font-size:clamp(1.54rem,6.3vw,2.24rem)}.hero-badge{margin-bottom:16px}.hero-content{margin-bottom:32px}.info-grid{grid-template-columns:1fr;gap:14px;max-width:460px}.info-box{min-height:auto;padding:24px}.box-number{font-size:2.2rem}.nav-status{padding:5px 12px}.nav-socials{gap:12px}.social-link{width:32px;height:32px}.social-link svg{transform:scale(1)}.status-text{letter-spacing:.12em;font-size:.6rem}.footer-inner{flex-direction:column;gap:20px}.footer-tagline{text-align:left}}@media (width<=400px){.container{padding:0 16px}.hero{padding-left:16px;padding-right:16px}.logo-version{display:none}}
