.robux-page main{position:relative;max-width:none;padding:0 24px 48px;background:var(--bg)}
.robux-page .page-heading{display:none}
.robux-page main::before{content:'';position:absolute;inset:0 0 auto;height:572px;background:url(https://images.rbxcdn.com/778174c9f89a8b03.png) center top/auto 572px no-repeat;pointer-events:none}
.dark .robux-page main::before{background-image:url(https://images.rbxcdn.com/c3335cf79e8fe350.png)}
.robux-content{position:relative;z-index:1;max-width:792px;margin:0 auto;padding-top:40px;display:flex;flex-direction:column;gap:40px;color:var(--text)}
.robux-heading{text-align:center;padding:24px 0 8px}
.robux-heading>p:first-child{font-size:16px;font-weight:600;line-height:22px;margin:0 0 12px;color:var(--muted)}
.robux-heading h1{max-width:552px;margin:0 auto;font-size:40px;line-height:46px;font-weight:800;letter-spacing:-.5px}
.robux-heading-subtitle{font-size:18px;line-height:25px;margin:16px 0 0;color:var(--muted)}
.robux-packages{width:100%;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.robux-packages h2{font-size:24px;line-height:32px;font-weight:700;margin:0 0 24px}
.robux-package-list{display:flex;flex-direction:column;gap:24px}
.robux-package{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}
.robux-package-amounts{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
.robux-amount-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;width:260px;max-width:100%}
.robux-amount-line strong{display:flex;align-items:center;gap:6px;font-size:32px;line-height:36px;font-weight:700;white-space:nowrap}
.robux-amount-line strong .robux-icon{width:32px;height:32px;margin:0;flex-shrink:0}
.robux-base-amount{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:20px;line-height:24px}
.robux-base-amount .robux-icon{width:20px;height:20px;opacity:.65;margin:0}
.robux-bonus{padding:4px 8px;border-radius:6px;background:var(--surface);font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}
.robux-price{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:136px;min-height:40px;padding:9px 16px;border-radius:8px;background:var(--surface);color:var(--text);font-size:16px;font-weight:600;line-height:22px;white-space:nowrap}
.robux-price:hover{background:var(--border)}
.robux-price.featured,.robux-error button{background:#335fff;color:#fff}
.robux-price-note{margin:24px 0 0;font-size:12px;line-height:18px;color:var(--muted)}
.robux-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:14px;color:var(--muted)}
.robux-links a:hover{text-decoration:underline}
.robux-error{padding:48px 0;text-align:center}
.robux-error h1{font-size:32px;margin:0 0 20px}
.robux-error p{color:var(--muted);font-size:16px;line-height:24px;margin-bottom:24px}
.robux-error button{border-radius:8px;padding:10px 16px;font-weight:600;margin-right:20px}
@media(max-width:1140px){
  .robux-content{padding-top:24px;gap:24px}
  .robux-heading{text-align:left;padding:16px 0 8px}
  .robux-heading h1{margin:0;font-size:36px;line-height:42px}
  .robux-bonus{display:none}
  .robux-amount-line strong{font-size:28px;line-height:32px}
}
@media(max-width:600px){
  .robux-page main{padding:0 16px 32px}
  .robux-content{padding-top:16px}
  .robux-heading h1{font-size:32px;line-height:38px}
  .robux-heading-subtitle{font-size:16px;line-height:22px;margin-top:12px}
  .robux-packages{padding:20px 16px}
  .robux-packages h2{font-size:22px;line-height:28px;margin-bottom:24px}
  .robux-amount-line{width:auto;gap:8px}
  .robux-amount-line strong{font-size:24px;line-height:28px;gap:4px}
  .robux-amount-line strong .robux-icon{width:24px;height:24px}
  .robux-base-amount{font-size:16px;line-height:20px}
  .robux-base-amount .robux-icon{width:16px;height:16px}
  .robux-price{min-width:100px;font-size:14px;line-height:20px;padding:8px 12px}
  .robux-package{gap:8px}
  .robux-links{gap:16px;font-size:12px}
}
@media(max-width:360px){
  .robux-page main{padding-right:12px;padding-left:12px}
  .robux-packages{padding:16px 12px}
  .robux-amount-line strong{font-size:22px}
  .robux-price{min-width:90px}
}