.welcome-offer { color: #f7f8ff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
.welcome-offer-home { position: relative; z-index: 9; padding: 18px 0 16px; border-bottom: 1px solid rgba(255, 211, 106, .18); background: linear-gradient(105deg, rgba(255, 211, 106, .105), rgba(103, 107, 242, .13) 52%, rgba(38, 215, 173, .08)); }
.welcome-offer-inner { display: grid; grid-template-columns: minmax(300px, 1fr) auto auto; align-items: center; gap: 24px; }
.welcome-offer-copy { min-width: 0; display: flex; align-items: flex-start; gap: 13px; }
.welcome-offer-badge { flex: 0 0 auto; margin-top: 2px; padding: 6px 10px; border: 1px solid rgba(255, 211, 106, .36); border-radius: 999px; color: #ffe5a0; background: rgba(255, 211, 106, .12); font-size: 11px; font-weight: 900; letter-spacing: .04em; white-space: nowrap; }
.welcome-offer h2 { margin: 0; color: #fff; font-size: 17px; line-height: 1.35; letter-spacing: -.02em; }
.welcome-offer-copy p { margin: 5px 0 0; color: #abb9ce; font-size: 12px; line-height: 1.65; }
.welcome-offer-prices { display: flex; gap: 7px; }
.welcome-offer-prices > span { min-width: 68px; padding: 8px 9px; border: 1px solid rgba(166, 199, 222, .14); border-radius: 12px; text-align: center; background: rgba(7, 18, 31, .55); }
.welcome-offer-prices small, .welcome-offer-prices strong { display: block; }
.welcome-offer-prices small { overflow: hidden; color: #8fa2b9; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.welcome-offer-prices strong { margin-top: 1px; color: #ffe08a; font-size: 16px; line-height: 1.2; }
.welcome-offer-actions { display: flex; flex-direction: column; gap: 7px; }
.welcome-offer-actions a, .welcome-offer-actions button { min-height: 38px; padding: 0 15px; border: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #111a29; background: linear-gradient(135deg, #ffe08a, #ffbd59); font: inherit; font-size: 12px; font-weight: 850; text-decoration: none; cursor: pointer; white-space: nowrap; }
.welcome-offer-actions button { min-height: auto; padding: 3px 6px; color: #c6d1e1; background: transparent; font-weight: 650; }
.welcome-offer-rules { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 11px; color: #8193aa; font-size: 10px; }
.welcome-offer-rules span::first-letter { color: #38e8ac; }
.plan-welcome-price { display: flex; align-items: baseline; gap: 7px; margin: 16px 0 0; }
.plan-welcome-price span { padding: 3px 7px; border-radius: 7px; color: #ffe29a; background: rgba(255, 211, 106, .12); font-size: 10px; font-weight: 850; }
.plan-welcome-price strong { color: #fff; font-size: 31px; letter-spacing: -.04em; }
.plan-welcome-price small { color: #8f9db3; font-size: 11px; }
.plan-regular-price { margin: -1px 0 15px; color: #7f8da4; font-size: 11px; text-decoration: line-through; }
.conversion-welcome-issued { margin: 9px 0 0; padding: 8px 10px; border-radius: 9px; color: #ffe3a0; background: rgba(255, 211, 106, .08); font-size: 11px; line-height: 1.5; }
.welcome-offer-conversion { width: min(1060px, calc(100% - 32px)); margin: 16px auto 22px; padding: 20px; border: 1px solid rgba(255, 211, 106, .2); border-radius: 20px; display: grid; grid-template-columns: minmax(270px, 1.1fr) auto; gap: 17px 24px; background: linear-gradient(135deg, rgba(255, 211, 106, .09), rgba(17, 40, 60, .92) 38%, rgba(56, 232, 172, .055)); box-shadow: 0 18px 48px rgba(0, 0, 0, .18); }
.welcome-offer-conversion .welcome-offer-copy { align-items: flex-start; }
.welcome-offer-conversion-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 14px; border-top: 1px solid rgba(166, 199, 222, .12); }
.welcome-offer-conversion-bottom > p { margin: 0; color: #b8c8d7; font-size: 12px; line-height: 1.6; }
.welcome-offer-conversion-bottom > p small { color: #758ba0; }
.welcome-offer-conversion .welcome-offer-actions { flex-direction: row; align-items: center; }

@media (max-width: 980px) {
  .welcome-offer-inner { grid-template-columns: 1fr auto; }
  .welcome-offer-prices { grid-column: 1 / -1; order: 3; }
  .welcome-offer-prices > span { flex: 1 1 0; }
  .welcome-offer-conversion { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .welcome-offer-home { padding: 14px 0; }
  .welcome-offer-inner { grid-template-columns: 1fr; gap: 13px; }
  .welcome-offer-copy { display: block; }
  .welcome-offer-badge { display: inline-flex; margin: 0 0 8px; }
  .welcome-offer h2 { font-size: 16px; }
  .welcome-offer-prices { grid-column: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; width: 100%; overflow: hidden; }
  .welcome-offer-prices > span { min-width: 0; padding: 7px 4px; }
  .welcome-offer-prices strong { font-size: 14px; }
  .welcome-offer-actions { flex-direction: row; align-items: center; }
  .welcome-offer-actions a { flex: 1; }
  .welcome-offer-rules { display: none; }
  .welcome-offer-conversion { margin-top: 8px; padding: 16px; border-radius: 16px; }
  .welcome-offer-conversion-bottom { display: block; }
  .welcome-offer-conversion .welcome-offer-actions { margin-top: 12px; }
}