.auth-flow { width: min(100%, 520px); padding: 38px; }
.membership-paths { display: grid; gap: 8px; margin: 22px 0; }
.membership-path { display: grid; grid-template-columns: 132px 1fr; gap: 14px; align-items: start; padding: 15px; color: #d7d0c4; background: #111; border: 1px solid #3a342a; text-align: left; }
.membership-path strong { color: #f5efe3; font: 400 15px Georgia, serif; }
.membership-path span { font-size: 12px; line-height: 1.45; }
.membership-path.is-selected { border-color: #d6b46a; background: linear-gradient(100deg, rgba(214,180,106,.14), #151515); }
.membership-path.is-selected strong { color: #d6b46a; }
@media (max-width: 580px) { .auth-flow { align-self: end; width: 100%; max-height: 92vh; padding: 25px 20px; overflow-y: auto; } .membership-path { grid-template-columns: 1fr; gap: 5px; padding: 13px; } }