.promo-showcase{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:22px;width:100%;min-width:0;min-height:190px;padding:18px 24px;border-radius:21px;overflow:hidden;color:#fff;background:linear-gradient(118deg,#075f2a 0%,#087c38 52%,#096b31 100%);box-shadow:0 18px 40px rgba(6,77,37,.18);isolation:isolate}
.promo-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.12),transparent 24%),linear-gradient(110deg,transparent 50%,rgba(0,0,0,.08) 50%);pointer-events:none}.promo-showcase::after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.16);border-radius:20px;pointer-events:none}
.promo-main-copy{position:relative;z-index:2;align-self:center}.promo-watermark{position:absolute;z-index:0;left:19%;top:50%;width:205px;height:205px;object-fit:contain;opacity:.065;filter:grayscale(1) brightness(3);transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none}.promo-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:rgba(255,255,255,.74);font-size:7.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.promo-eyebrow i{width:6px;height:6px;border-radius:50%;background:#6df5a2;box-shadow:0 0 14px #6df5a2}.promo-main-copy h2{max-width:330px;margin:0;font-size:clamp(28px,2.45vw,35px);font-weight:900;line-height:1.06;letter-spacing:-.04em}.promo-main-copy h2 em{color:#8df7b5;font-style:normal}.promo-main-copy p{max-width:370px;margin:8px 0 0;color:rgba(255,255,255,.76);font-size:10px;line-height:1.5}.promo-trust-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.promo-trust-row span{padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.1);font-size:7px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.promo-category-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.promo-category{--promo-accent:#16a34a;--promo-soft:#eefbf3;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;grid-template-rows:72px 28px;align-items:center;column-gap:9px;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-top:3px solid var(--promo-accent);border-radius:16px;background:#fff;color:#17202f;text-decoration:none;box-shadow:0 13px 28px rgba(3,38,21,.16);transition:transform .2s ease,box-shadow .2s ease}.promo-category:hover,.promo-category:focus-visible{background:#fff;color:#17202f;filter:none;transform:translateY(-3px);box-shadow:0 18px 34px rgba(3,38,21,.24)}.promo-category-gamepass{--promo-accent:#16a34a;--promo-soft:#ecfdf3}.promo-category-login{--promo-accent:#2563eb;--promo-soft:#eff6ff}.promo-category-username{--promo-accent:#0891b2;--promo-soft:#ecfeff}.promo-category-item{--promo-accent:#7c3aed;--promo-soft:#f5f3ff}
.promo-category-badge{position:absolute;top:0;right:9px;z-index:2;padding:4px 7px;border-radius:0 0 8px 8px;background:var(--promo-accent);color:#fff;font-size:6.5px;font-weight:900;letter-spacing:.04em}.promo-category-icon{display:grid;grid-row:1;place-items:center;width:38px;height:38px;margin-left:6px;border-radius:11px;background:var(--promo-soft)}.promo-category-icon img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(15,23,42,.18))}.promo-category-cube{color:var(--promo-accent);font-size:21px}.promo-category-copy{display:flex;grid-row:1;min-width:0;flex-direction:column;gap:4px;padding-top:7px}.promo-category-copy strong{overflow:hidden;color:#17202f;font-size:11px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.promo-category-copy small{overflow:hidden;color:#7a8493;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.promo-category>b{display:grid;grid-row:1;place-items:center;width:21px;height:21px;margin-right:5px;border-radius:50%;background:#eef1f4;color:#52606f;font-size:9px}.promo-category:hover>b,.promo-category:focus-visible>b{background:#eef1f4;color:#52606f;transform:none}.promo-category-footer{display:flex;grid-column:1/-1;grid-row:2;align-self:stretch;align-items:center;justify-content:space-between;padding:0 10px;background:var(--promo-soft);color:#687386;font-size:7px}.promo-category-footer strong{color:var(--promo-accent);font-size:7px;font-weight:900}
@media(max-width:1100px){.promo-showcase{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:18px;padding:17px 20px}.promo-main-copy h2{font-size:30px}.promo-category{grid-template-columns:39px minmax(0,1fr) 21px}.promo-category-icon{width:35px;height:35px;margin-left:3px}.promo-category-icon img{width:28px;height:28px}.promo-category-copy strong{font-size:9px}.promo-category-copy small{font-size:7px}.promo-category>b{width:20px;height:20px;margin-right:1px}.promo-category-footer,.promo-category-footer strong{font-size:6.5px}}
@media(max-width:900px){.promo-showcase{grid-template-columns:1fr;gap:14px;padding:20px}.promo-main-copy{text-align:center}.promo-main-copy h2{max-width:100%;margin:auto}.promo-main-copy p{max-width:520px;margin:7px auto 0}.promo-trust-row{justify-content:center;margin-top:9px}.promo-watermark{left:50%;top:18%;width:180px;height:180px}.promo-category-grid{width:100%}}
@media(max-width:600px){.promo-showcase{gap:12px;padding:17px 10px 12px;border-radius:18px}.promo-showcase::after{border-radius:17px}.promo-main-copy h2{font-size:clamp(23px,7vw,29px)}.promo-main-copy p{padding:0 7px;font-size:9px}.promo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.promo-category{grid-template-columns:34px minmax(0,1fr) 18px;grid-template-rows:57px 23px;column-gap:4px;border-radius:13px}.promo-category-icon{width:31px;height:31px;margin-left:2px}.promo-category-icon img{width:24px;height:24px}.promo-category-copy{padding-top:5px}.promo-category-copy strong{font-size:8.5px}.promo-category-copy small{display:none}.promo-category>b{width:17px;height:17px;margin-right:0;font-size:8px}.promo-category-badge{right:5px;padding:3px 5px;font-size:5px}.promo-category-footer{padding:0 6px;font-size:5.5px}.promo-category-footer strong{font-size:5.5px}.promo-watermark{top:13%;width:155px;height:155px}}
@media(prefers-reduced-motion:reduce){.promo-category,.promo-category>b{transition:none}}