
:root{--main:rgb(176,219,245);--deep:#0c3150;--blue:#1f6e9a;--light:#eef8ff;--pale:#f7fbfe;--gray:#edf2f5;--text:#1b2430;--muted:#667480;--white:#fff;--shadow:0 14px 35px rgba(16,55,86,.08);--radius:20px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid #e9f2f7;position:sticky;top:0;z-index:50}.mobile-header{height:62px;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:0 14px;background:#fff}.mobile-logo img{height:34px;margin:auto;object-fit:contain}.menu-button{width:42px;height:42px;border:0;background:#fff;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:8px}.menu-button span{height:2px;background:var(--deep);border-radius:9px}.top-action,.main-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--main);color:#0c3150;font-weight:800;border-radius:999px;padding:11px 22px;box-shadow:0 10px 24px rgba(31,110,154,.15);transition:.2s}.top-action:hover,.main-btn:hover{background:#6bb9e6;color:white}.mobile-nav{display:none;padding:10px 16px 18px;background:#fff;border-top:1px solid #edf3f7}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-nav a{padding:10px 12px;border-radius:12px;background:var(--pale);font-weight:700;color:var(--deep)}.mobile-nav a.active,.desktop-nav a.active{background:var(--main);color:#0b3858}.desktop-header{display:none}.section{padding:58px 0}.section.alt{background:var(--pale)}.eyebrow,.badge{display:inline-flex;align-items:center;gap:8px;background:#eaf7ff;color:#17648f;border:1px solid #d4edf9;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:800}h1,h2,h3{line-height:1.25;color:#0c3150;margin:0 0 16px}h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}p{margin:0 0 16px;color:#53616f}.hero{padding:48px 0;background:linear-gradient(180deg,#f6fbff,#fff)}.hero-grid{display:grid;gap:28px;align-items:center}.hero-copy p{font-size:17px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.hero-tags span,.service-tag{background:#fff;border:1px solid #dceff8;color:#1e678f;border-radius:999px;padding:7px 12px;font-weight:800;font-size:13px}.hero-media{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.hero-media img{width:100%;min-height:260px;object-fit:cover}.hero-data-cards{display:grid;gap:10px;margin-top:14px}.hero-data-card,.score-card{background:#fff;border:1px solid #e5f2f8;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.hero-data-card strong,.score-card strong{display:block;color:#0c3150;font-size:18px}.category-grid,.service-grid,.info-grid,.security-grid,.faq-grid{display:grid;gap:18px}.sports-card,.service-card,.info-card,.faq-item,.content-card{background:#fff;border:1px solid #e5f0f6;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.sports-card a,.text-link{font-weight:800;color:#17648f}.split{display:grid;gap:28px;align-items:center}.split img{border-radius:24px;box-shadow:var(--shadow);background:#fff}.feature-list,.checklist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.feature-list li,.checklist li{padding:12px 14px;border-radius:14px;background:var(--pale);border:1px solid #e2f1f8;color:#344556}.score-panel,.data-panel{background:#fff;border:1px solid #dcedf5;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef4f7;padding:12px 0}.score-row:last-child{border-bottom:0}.status{background:var(--main);border-radius:999px;padding:4px 10px;color:#0c3150;font-weight:800;font-size:12px}.app-showcase{background:linear-gradient(180deg,#eaf7ff,#fff);border-radius:28px;padding:24px;border:1px solid #dbeff8}.security-section,.responsible-play-section{background:#eef8ff;border-top:1px solid #dbeff8;border-bottom:1px solid #dbeff8}.responsible-box{background:#fff;border-left:5px solid var(--main);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.cta{background:#0c3150;color:#fff;text-align:center;border-radius:28px;padding:34px 22px}.cta h2,.cta p{color:#fff}.page-hero{padding:52px 0;background:linear-gradient(180deg,#eef8ff,#fff);border-bottom:1px solid #e2f1f8}.page-hero p{font-size:17px;max-width:820px}.content-section{padding:42px 0}.content-layout{display:grid;gap:20px}.footer-logo{height:38px;margin-bottom:16px}.site-footer{background:#0c3150;color:#dceef9;padding:44px 0 18px}.site-footer p,.site-footer a{color:#dceef9}.site-footer a{display:block;margin:8px 0}.site-footer h3{color:#fff;font-size:17px}.footer-grid{display:grid;gap:26px}.footer-note{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:24px;color:#c6dce9;font-size:14px}@media (min-width:760px){h1{font-size:46px}.hero-grid,.split{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.service-grid,.info-grid,.security-grid{grid-template-columns:repeat(3,1fr)}.faq-grid{grid-template-columns:1fr 1fr}.hero-data-cards{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}@media (min-width:1024px){.mobile-header,.mobile-nav{display:none}.desktop-header{height:78px;display:flex;align-items:center;gap:26px}.logo img{height:42px}.desktop-nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.desktop-nav a{padding:10px 13px;border-radius:999px;color:#233241;font-weight:800;font-size:14px}.search-icon{width:36px;height:36px;border:2px solid #cfe6f4;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:9px;height:2px;background:#7fb6d6;right:2px;bottom:5px;transform:rotate(45deg)}.section{padding:76px 0}.hero{padding:76px 0}.category-grid{grid-template-columns:repeat(6,1fr)}.category-grid .sports-card{grid-column:span 2}.service-grid{grid-template-columns:repeat(3,1fr)}}
