.c90-modern .portal-vip-page { min-width:0; }
.c90-modern .vip-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:6px 0 26px; margin-bottom:26px; border-bottom:1px solid var(--line); }
.vip-eyebrow { display:flex; align-items:center; gap:8px; color:#e9c58b; font-size:11px; font-weight:800; }
.vip-eyebrow > i { width:17px; height:17px; }
.c90-modern .vip-heading h1 { margin:6px 0 8px; color:#f4f6f7; font-size:32px; line-height:1.25; font-weight:800; }
.c90-modern .vip-heading p { margin:0; color:#b4bec7; font-size:14px; }
.vip-edit { flex:none; }
.vip-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:34px; align-items:start; }
.vip-details,.vip-purchase { min-width:0; }
.vip-purchase { border-left:1px solid var(--line); padding:0 0 0 28px; }
.c90-modern .vip-content fieldset { padding:0; border:0; margin:0; min-width:0; }
.c90-modern .vip-content legend { display:block; float:none; width:auto; margin:0 0 14px; padding:0; border:0; color:#f2f4f6; font-size:15px; line-height:1.5; font-weight:750; }
.vip-server-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.c90-modern .vip-server-option { position:relative; display:flex; flex-direction:column; min-width:0; margin:0; border:1px solid #3e464d; border-radius:6px; background:#1b1f22; overflow:hidden; cursor:pointer; }
.vip-server-option:has(input:checked) { border-color:#f37468; box-shadow:0 0 0 1px #f37468; }
.vip-server-option:hover { border-color:#96a3ae; }
.vip-server-option > img { display:block; width:100%; height:100px; object-fit:cover; flex:none; }
.vip-server-copy { display:flex; flex:1; flex-direction:column; gap:5px; min-height:84px; padding:12px; }
.vip-server-copy > small { color:#b3c0c9; font-size:9px; font-weight:750; }
.vip-server-copy > strong { color:#f1f3f5; font-size:13px; line-height:1.5; font-weight:750; overflow-wrap:anywhere; }
.c90-modern .vip-content input[type="radio"] { appearance:auto; -webkit-appearance:radio; accent-color:#f37468; width:17px; height:17px; min-height:0; padding:0; margin:0; box-shadow:none; cursor:pointer; }
.c90-modern .vip-server-option > input { position:absolute; z-index:1; top:10px; right:10px; }
.vip-server-option:has(input:focus-visible),.vip-period-options label:has(input:focus-visible) { outline:2px solid #91d7df; outline-offset:4px; }
.c90-modern .vip-features { margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }
.c90-modern .vip-content h2 { margin:0 0 20px; color:#f2f4f6; font-size:20px; line-height:1.4; font-weight:750; }
.vip-feature-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.c90-modern .vip-feature-group h3 { display:flex; align-items:center; gap:8px; margin:0 0 13px; color:#e7edf0; font-size:13px; line-height:1.5; font-weight:750; }
.vip-feature-group h3 > i { width:17px; height:17px; flex:none; color:#e7bfa0; }
.vip-feature-group:nth-child(2) h3 > i { color:#96d0ba; }
.vip-feature-group:nth-child(3) h3 > i { color:#a9c6ef; }
.c90-modern .vip-feature-group ul { list-style:none; padding:0; margin:0; }
.c90-modern .vip-feature-group li { position:relative; margin:0; padding:6px 0 6px 13px; color:#b9c4cd; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.vip-feature-group li::before { content:''; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:50%; background:#76848e; }
.vip-game-note { display:inline; color:#9cb7d9; font-size:10px; white-space:nowrap; }
.c90-modern .vip-feature-note { display:flex; align-items:flex-start; gap:8px; margin:22px 0 0; color:#a5b4be; font-size:11px; line-height:1.65; }
.vip-feature-note > i { width:15px; height:15px; flex:none; margin-top:2px; }
.vip-period-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.c90-modern .vip-period-options label { position:relative; display:flex; flex-direction:column; gap:9px; margin:0; min-width:0; padding:12px 8px; border:1px solid #414a52; border-radius:5px; color:#d0d9e0; background:#1d2226; cursor:pointer; }
.vip-period-options label:has(input:checked) { border-color:#f37468; background:#f3746810; }
.vip-period-options label:hover { border-color:#a5b2bd; }
.vip-period-options label > span { color:#c2ccd4; font-size:11px; line-height:1.5; }
.vip-period-options label > strong { font-size:18px; line-height:1.5; font-weight:800; color:#f2f4f6; white-space:nowrap; }
.vip-period-options label > strong > small { color:#b0bdc7; font-size:12px; }
.vip-total { padding:23px 0 20px; margin-top:22px; border-top:1px solid var(--line); }
.vip-total > span { color:#aab8c2; font-size:12px; }
.vip-total > strong { display:block; min-height:50px; margin:4px 0; color:#f5f6f7; font-size:34px; line-height:1.45; font-weight:800; }
.vip-total > strong > small { color:#b9c5ce; font-size:24px; font-weight:500; }
.c90-modern .vip-total > p { min-height:40px; margin:2px 0 0; color:#b1c0ca; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.vip-contact-actions { display:flex; flex-direction:column; gap:10px; }
.c90-modern .vip-contact-actions > .btn { display:flex; width:100%; min-height:46px; padding:11px 12px; font-size:13px; gap:9px; }
.vip-contact-actions > .btn > i { width:17px; height:17px; flex:none; }
.vip-contact-actions > .btn > i:last-child:not(:first-child) { width:14px; height:14px; }
.c90-modern .vip-copy-order { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:40px; padding:8px; border:0; border-radius:4px; color:#b7c5ce; background:transparent; cursor:pointer; font-size:12px; }
.vip-copy-order > i { width:15px; height:15px; }
.c90-modern .vip-copy-order:hover { background:#242b30; color:#fff; }
.c90-modern .vip-copy-order:disabled { cursor:wait; opacity:.65; }
.c90-modern .vip-purchase-note { display:flex; align-items:flex-start; gap:8px; margin:16px 0 0; color:#a7b5be; font-size:11px; line-height:1.7; }
.vip-purchase-note > i { color:#98ccb5; width:16px; height:16px; flex:none; margin-top:2px; }
.c90-modern .vip-copy-status { margin:10px 0 0; min-height:40px; color:#9fdbb8; font-size:11px; line-height:1.6; }
.c90-modern .vip-order-fallback { display:block; margin:10px 0 0; color:#bac7d0; font-size:12px; }
.c90-modern .vip-order-fallback textarea { display:block; width:100%; margin-top:8px; padding:10px; border:1px solid #66747e; border-radius:4px; color:#e6edf2; background:#1d2429; font-size:12px; line-height:1.6; }
.c90-modern .vip-help { padding:26px 0 28px; margin-top:30px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.vip-help-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.vip-help-items > div { display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:10px; align-content:start; }
.vip-help-items > div > i { grid-row:1 / 3; width:20px; height:20px; margin-top:2px; color:#9bb7c7; }
.c90-modern .vip-help-items h3 { color:#dfe7ec; margin:0 0 6px; font-size:13px; line-height:1.5; font-weight:750; }
.c90-modern .vip-help-items p { margin:0; color:#aab9c3; font-size:12px; line-height:1.7; }
.c90-modern .vip-comments { padding:28px 0 0; margin-top:0; }
.c90-modern .vip-comments #comments { max-width:980px; }
@media (max-width:1199px) {
  .vip-layout { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }
  .vip-purchase { padding-left:22px; }
  .vip-feature-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .vip-server-options { gap:9px; }
  .vip-server-copy { padding:10px; min-height:105px; }
  .vip-server-option > img { height:82px; }
}
@media (max-width:991px) {
  .vip-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .vip-details { display:contents; }
  .vip-servers { order:0; }
  .vip-purchase { order:1; padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
  .vip-features { order:2; }
  .c90-modern .vip-features { margin-top:0; }
  .vip-server-copy { min-height:84px; }
  .vip-server-option > img { height:100px; }
  .vip-period-options { gap:12px; }
  .c90-modern .vip-period-options label { padding:12px; }
  .vip-contact-actions { max-width:480px; }
  .vip-copy-status { min-height:20px; }
  .vip-help-items { gap:20px; }
}
@media (max-width:575px) {
  .c90-modern .vip-heading { padding:2px 0 22px; margin-bottom:22px; align-items:flex-start; flex-direction:column; gap:14px; }
  .c90-modern .vip-heading h1 { font-size:28px; }
  .c90-modern .vip-heading p { font-size:12px; }
  .vip-server-options { grid-template-columns:minmax(0,1fr); gap:10px; }
  .c90-modern .vip-server-option { display:grid; grid-template-columns:85px minmax(0,1fr); align-items:center; padding-right:32px; min-height:78px; }
  .vip-server-option > img { width:85px; height:100%; min-height:78px; }
  .vip-server-copy { min-height:0; padding:10px 12px; }
  .vip-server-copy > strong { font-size:12px; }
  .c90-modern .vip-server-option > input { top:calc(50% - 8px); right:12px; }
  .vip-feature-groups { grid-template-columns:minmax(0,1fr); gap:22px; }
  .c90-modern .vip-feature-group li { font-size:13px; }
  .vip-help-items { grid-template-columns:minmax(0,1fr); gap:20px; }
  .vip-period-options { gap:7px; }
  .c90-modern .vip-period-options label { padding:10px 7px; }
  .vip-period-options label > strong { font-size:17px; }
}