.sg-games-hub { padding: clamp(24px, 5vw, 60px) 0 92px; min-height: 65vh; }
.sg-games-hub-heading { max-width: 700px; margin: 0 auto 36px; text-align: center; }
.sg-games-kicker { display: inline-flex; align-items: center; gap: 8px; color: #9ac96b; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.sg-games-hub-heading h1 { margin: 12px 0 8px; color: #f8fafc; font-size: clamp(30px, 4vw, 52px); font-weight: 900; letter-spacing: -.04em; }
.sg-games-hub-heading p { color: #aab8ca; font-size: 15px; }
.sg-games-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); max-width: 1050px; margin: 0 auto; }
.sg-games-hub-card { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; min-height: 420px; padding: clamp(22px, 3vw, 34px); border: 1px solid #344154; border-radius: 24px; overflow: hidden; color: #fff !important; text-decoration: none !important; box-shadow: 0 25px 45px #02061760; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.sg-games-hub-card:hover { transform: translateY(-5px); border-color: #72a141; box-shadow: 0 30px 54px #02061788, 0 0 0 1px #72a14150; }
.sg-games-hub-card:focus-visible { outline: 3px solid #9ac96b; outline-offset: 4px; }
.sg-games-hub-topup { background: radial-gradient(circle at 78% 28%, #426a2488, transparent 42%), linear-gradient(145deg, #192536, #0d1523 70%); }
.sg-games-hub-cards { background: radial-gradient(circle at 75% 24%, #618c3b75, transparent 43%), linear-gradient(145deg, #1c2935, #0d1420 72%); }
.sg-games-hub-card::after { content: ''; position: absolute; z-index: -1; inset: auto -15% -35% -15%; height: 64%; background: radial-gradient(ellipse at center, #72a14122, transparent 65%); }
.sg-games-hub-count { align-self: flex-end; display: inline-flex; gap: 7px; align-items: center; padding: 8px 11px; border: 1px solid #ffffff30; border-radius: 999px; background: #0b1320ac; color: #e8f1dd; font-size: 11px; font-weight: 700; }
.sg-games-hub-art { display: grid; place-items: center; align-self: center; width: 170px; height: 170px; margin: 8px 0 0; border: 1px solid #a1ca7345; border-radius: 40px; transform: rotate(-11deg); background: linear-gradient(145deg, #9ac96b33, #ffffff08); box-shadow: 0 22px 60px #0007, inset 0 1px #ffffff24; }
.sg-games-hub-art i { color: #a9d77a; font-size: 87px; filter: drop-shadow(0 13px 12px #0006); transform: rotate(11deg); }
.sg-games-hub-cards .sg-games-hub-art { border-radius: 50%; transform: rotate(10deg); }
.sg-games-hub-cards .sg-games-hub-art i { transform: rotate(-10deg); }
.sg-games-hub-type { margin-top: auto; color: #9ac96b; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.sg-games-hub-title { color: #f8fafc; font-size: clamp(44px, 6vw, 75px); line-height: 1; font-weight: 1000; letter-spacing: -.065em; text-shadow: 0 12px 25px #0008; }
.sg-games-hub-bottom { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 23px; padding-top: 17px; border-top: 1px solid #ffffff25; font-size: 17px; }
.sg-games-hub-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ffffff50; border-radius: 50%; background: #ffffff16; transition: background .2s ease, color .2s ease; }
.sg-games-hub-card:hover .sg-games-hub-arrow { background: #72a141; color: #0c1608; }
@media (max-width: 767px) { .sg-games-hub { padding: 22px 0 55px; } .sg-games-hub-heading { margin-bottom: 24px; } .sg-games-hub-grid { grid-template-columns: 1fr; max-width: 460px; } .sg-games-hub-card { min-height: 350px; } .sg-games-hub-art { width: 130px; height: 130px; margin-top: 4px; border-radius: 32px; } .sg-games-hub-art i { font-size: 67px; } .sg-games-hub-title { font-size: 56px; } }
@media (prefers-reduced-motion: reduce) { .sg-games-hub-card, .sg-games-hub-arrow { transition: none; } .sg-games-hub-card:hover { transform: none; } }
body .sg-games-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px!important;gap:20px!important}
body .sg-games-hub-card{min-height:310px!important;padding:24px!important;border-radius:20px!important}
body .sg-games-hub-art{width:92px!important;height:92px!important;font-size:42px!important;margin:18px auto 20px!important}
body .sg-games-hub-count{top:18px!important;right:18px!important;font-size:10px!important;padding:7px 10px!important}
body .sg-games-hub-type{font-size:10px!important;letter-spacing:1.5px!important}
body .sg-games-hub-title{font-size:clamp(27px,2.4vw,38px)!important;line-height:1.02!important;margin-top:7px!important;overflow-wrap:anywhere}
body .sg-games-hub-title-compact{font-size:clamp(23px,2vw,31px)!important;line-height:1.08!important}
body .sg-games-hub-bottom{margin-top:18px!important;padding-top:16px!important}
body .sg-games-hub-arrow{width:34px!important;height:34px!important}
.sg-games-hub-accounts{background:radial-gradient(circle at 82% 22%,rgba(87,116,255,.25),transparent 48%),linear-gradient(145deg,#142031,#101823)}
.sg-games-hub-accounts .sg-games-hub-art{background:rgba(87,116,255,.12);color:#7390ff}
.sg-games-hub-software{background:radial-gradient(circle at 82% 22%,rgba(172,103,255,.24),transparent 48%),linear-gradient(145deg,#182032,#111724)}
.sg-games-hub-software .sg-games-hub-art{background:rgba(172,103,255,.12);color:#b47aff}
.sg-games-hub-subscriptions{background:radial-gradient(circle at 82% 22%,rgba(46,197,142,.24),transparent 48%),linear-gradient(145deg,#13232a,#101923)}
.sg-games-hub-subscriptions .sg-games-hub-art{background:rgba(46,197,142,.12);color:#48d7a2}
.sg-games-hub-social{background:radial-gradient(circle at 82% 22%,rgba(255,106,146,.24),transparent 48%),linear-gradient(145deg,#251928,#111824)}
.sg-games-hub-social .sg-games-hub-art{background:rgba(255,106,146,.12);color:#ff739a}
@media(max-width:991px){body .sg-games-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body .sg-games-hub-grid{grid-template-columns:1fr!important;gap:14px!important}body .sg-games-hub-card{min-height:285px!important;padding:21px!important}body .sg-games-hub-art{width:82px!important;height:82px!important;font-size:36px!important;margin:14px auto 16px!important}body .sg-games-hub-title{font-size:30px!important}body .sg-games-hub-title-compact{font-size:27px!important}}