.cs-hero{position:relative;overflow:hidden;padding:84px 16px 76px;background:radial-gradient(circle at 20% 20%,rgba(62,161,217,0.12) 0px,rgba(62,161,217,0.12) 4px,transparent 4px),linear-gradient(160deg,#0A234F 0%,#0A0A0B 100%);background-size:64px 64px,auto}
.cs-svg-echo{position:absolute;left:-50px;bottom:-50px;width:360px;opacity:0.07;z-index:0;pointer-events:none}
.cs-grid{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:34px;min-width:0}
.cs-txt{min-width:0}
.cs-txt .lead{margin:18px 0 26px}
.cs-svg{width:100%;max-width:260px;margin:0 auto;min-width:0}
.hbtnrow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hbtn{display:inline-block;padding:14px 30px;border-radius:8px;font-weight:700;font-size:1.02rem}
.hbtn-fill{background:#3EA1D9;color:#000000}
.hbtn-fill:hover{background:#5CB4E3;text-decoration:none}
.hbtn-ghost{background:transparent;border:1px solid #5CB4E3;color:#5CB4E3}
.hbtn-ghost:hover{background:rgba(62,161,217,0.12);text-decoration:none}
.tabs{max-width:1200px;margin:0 auto 18px;padding:0 16px;display:flex;flex-wrap:wrap;gap:8px}
.tabbtn{background:#14161C;color:#A9B4C6;border:1px solid rgba(255,255,255,0.08);border-radius:999px;padding:9px 18px;font-size:0.92rem;font-weight:600;cursor:pointer}
.tabbtn:hover{color:#FFFFFF;border-color:#5CB4E3}
.tabbtn-on{background:#3EA1D9;color:#000000;border-color:#3EA1D9}
.tabpane{max-width:1200px;margin:0 auto;padding:0 16px}
.gplay{display:block;margin:0 12px 12px;background:#3EA1D9;color:#000000;text-align:center;font-weight:700;font-size:0.9rem;padding:9px 0;border-radius:8px}
.gplay:hover{background:#5CB4E3;text-decoration:none}
@media (min-width:1081px){.cs-grid{flex-direction:row;align-items:center;justify-content:space-between}.cs-txt{max-width:60%}.cs-svg{width:40%;max-width:320px;min-width:180px;margin:0}.hbtnrow{justify-content:flex-start}}
@media (max-width:768px){.cs-hero{padding:56px 16px 52px}}