.enrollment-overlay .enroll-stage{width:min(440px,calc(100vw - 32px));padding:0;background:none;border:0}
.enroll-stage .enroll-tier{font:12px/1.5 Oxanium,monospace;color:#aab7c0;margin:0 0 16px}
.payment-methods{display:flex;gap:8px;align-items:center;width:100%;overflow-x:auto;padding:8px 0 14px;scrollbar-width:none}
.payment-card{position:relative;flex:1 0 56px;min-height:60px;max-width:72px;appearance:none;border:0;background:none;color:#b5c5ce;padding:0;cursor:pointer;transition:transform .18s,color .18s}
.payment-card svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:.65;stroke-linejoin:round}.payment-card .payment-chip{opacity:.4}
.payment-card span{position:absolute;left:0;right:0;top:28px;font:8px/1.2 Oxanium,monospace;text-align:center}
.payment-card:focus{outline:none}.payment-card:focus-visible,.payment-card:hover{color:#fff;filter:brightness(1.2)}.payment-card:active{transform:scale(.95)}
.enroll-stage .field{margin:0 0 12px}.enroll-stage input{height:34px;font-size:16px;padding:2px 0}
.enroll-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.enroll-phone-row .line-action{margin:0 0 13px;padding:5px 0}
.enroll-code-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center}.enroll-code-row[hidden]{display:none}.enroll-code-row>span{font:10px Oxanium,monospace;color:#93a1ad}
.enroll-links{display:flex;gap:12px;align-items:center;font-size:10px}.enroll-stage .status{font-size:11px;margin:8px 0;color:#aab7c0}
body[data-phone-complete=true] #enroll-code{border-color:#78efad;text-shadow:0 0 6px #39fa7780}
@media(prefers-reduced-motion:reduce){.payment-card{transition:none}}

.enroll-stage .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}