/* Registration form preview: preserve the supplied pricing/payment card design. */
.reg__head .u-body-large, .reg__head .reg__paywith { color: #fff; }
.reg__head .reg__pricing, .reg__head .reg__disclaimer { padding-inline-start: 18px; font-size: 13px; line-height: 1.5; color: #fff; opacity: 1; }
.reg__head .reg__pricing li + li { margin-top: 4px; }
.reg__paywith { max-width: 65ch; color: rgba(245,245,247,.78); font-size: 15px; line-height: 1.5; }
.reg__paylogos { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.reg__partner { display: inline-block; width: auto; max-width: 130px; height: 28px; object-fit: contain; background: #fff; border-radius: 7px; padding: 5px 9px; }
.reg__fees { margin-top: 6px; padding: 20px; border-radius: 16px; background: #111; border: 1px solid #2c2c2e; gap: 14px; }
.reg__fees-title { font: 600 16px/1.3 var(--u-display); color: var(--color-polar-white); }
.reg__fee-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.reg__fee { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 12px; background: var(--stadia-grey-dark); cursor: pointer; border: 2px solid transparent; }
.reg__fee input { margin: 0 0 5px; accent-color: var(--color-purchase-blue); width: 18px; height: 18px; min-height: 0; padding: 0; border: 0; background: none; }
.reg__fee span { font-size: 13px; color: var(--color-steel); }
.reg__fee strong { font: 700 26px/1.1 var(--u-display); color: var(--color-polar-white); }
.reg__fee em { position: absolute; top: 16px; inset-inline-end: 12px; padding: 5px 9px; font: normal 700 11px/1 var(--u-text); border-radius: 999px; background: var(--color-purchase-blue); color: #fff; }
.reg__fee.is-selected { border-color: var(--color-purchase-blue); background: #16253a; }
.reg__fee:focus-within, .reg__method:focus-within { outline: 2px solid #fff; outline-offset: 3px; }
.reg__terms { list-style: disc; margin: 0; padding-inline-start: 20px; color: rgba(245,245,247,.88); font-size: 14px; line-height: 1.6; }
.reg__total { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; padding-top: 14px; border-top: 1px solid #2c2c2e; }
.reg__total > span { font-size: 14px; }
.reg__total strong { font: 700 28px/1.1 var(--u-display); }
.reg__total small { flex-basis: 100%; font-size: 13px; color: var(--color-steel); }
.reg__methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.reg__method { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px; border-radius: 14px; background: #111; border: 2px solid #2c2c2e; cursor: pointer; }
.reg__method input { width: 18px; height: 18px; margin: 0; accent-color: var(--color-purchase-blue); }
.reg__method-name { font: 600 15px/1.3 var(--u-display); color: var(--color-polar-white); }
.reg__method-desc { font-size: 13px; line-height: 1.45; color: var(--color-steel); }
.reg__method.is-selected { border-color: var(--color-purchase-blue); background: #16253a; }
.reg__method.is-soon { cursor: not-allowed; opacity: .55; }
.reg__pay button:disabled { cursor: not-allowed; opacity: .55; }
.reg [hidden], .rmap [hidden] { display: none !important; }
@media (max-width: 600px) { .reg__fee-cards, .reg__methods { grid-template-columns: 1fr; } }