.servers-promo, .servers-promo * { box-sizing: border-box; }
.site-main > .servers-promo { width: min(calc(100% - (var(--section-padding-x) * 2)), var(--container)); max-width: none; margin: 28px auto 0; padding: 25px 28px; display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 24px; border: 1px solid rgba(164,137,255,.22); border-radius: 22px; background: radial-gradient(ellipse at 0 0, rgba(129,79,241,.16), transparent 65%), linear-gradient(120deg, rgba(17,17,36,.94), rgba(7,13,26,.9)); box-shadow: 0 16px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.04); }
.servers-promo__icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; color: #bda7ff; background: linear-gradient(135deg, rgba(143,107,255,.19), rgba(91,113,244,.06)); border: 1px solid rgba(166,140,255,.25); }
.servers-promo__icon svg { width: 30px; }
.servers-promo__eyebrow { color: #ac94f9; font-size: 8px; font-weight: 800; letter-spacing: 2px; }
.servers-promo h2 { margin: 8px 0 7px; color: #f4f4ff; font-size: clamp(21px, 2.2vw, 30px); line-height: 1.15; font-weight: 800; letter-spacing: -.6px; }
.servers-promo p { margin: 0; font-size: 12px; line-height: 1.7; color: #a5aec5; }
.servers-promo__button { display: inline-flex; align-items: center; justify-content: center; gap: 26px; padding: 16px 25px; border-radius: 12px; color: white; background: linear-gradient(110deg, #5879ff, #9264f9); font-size: 11px; font-weight: 900; letter-spacing: 1px; transition: transform .2s, box-shadow .2s; }
.servers-promo__button span { font-size: 19px; line-height: 1; }
.servers-promo__button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(122,107,255,.3); }
.servers-promo__button:focus-visible { outline: 2px solid #b6a1ff; outline-offset: 4px; }
@media (max-width: 700px) { .site-main > .servers-promo { grid-template-columns: 48px minmax(0, 1fr); gap: 18px; padding: 22px; } .servers-promo__icon { width: 48px; height: 48px; border-radius: 14px; } .servers-promo__icon svg { width: 25px; } .servers-promo__button { grid-column: 1 / -1; width: 100%; } }