.account-choice { box-sizing: border-box; width: min(820px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 30px; border: 1px solid #cbdde9; border-radius: 26px; background: #f5f9fc; color: #172d46; box-shadow: 0 28px 100px #020b23a6; font-family: Inter, ui-sans-serif, system-ui, sans-serif; overflow: auto; }
.account-choice:not([open]) { display: none; }
.account-choice::backdrop { background: #061324bd; backdrop-filter: blur(7px); }
.account-choice__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.account-choice__eyebrow { margin: 0 0 9px; color: #177791; letter-spacing: .16em; font-size: 11px; font-weight: 700; }
.account-choice h2 { margin: 0; font-size: clamp(24px, 4vw, 30px); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; }
.account-choice > p { margin: 14px 0 24px; color: #526980; line-height: 1.6; font-size: 15px; }
.account-choice__close { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #d5e3ed; border-radius: 50%; background: #e9f1f7; color: #244963; font: 24px/1 system-ui; cursor: pointer; }
.account-choice__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.account-choice__card { display: flex; flex-direction: column; overflow: hidden; background: white; border: 1px solid #d2e2ed; border-radius: 18px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.account-choice__card:hover { border-color: #1689b0; box-shadow: 0 8px 25px #116b8c20; }
.account-choice__card img { width: 100%; height: 170px; object-fit: cover; display: block; }
.account-choice__copy { padding: 22px; display: flex; flex: 1; flex-direction: column; }
.account-choice__tag { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: #28758e; }
.account-choice h3 { margin: 9px 0 10px; font-size: 21px; line-height: 1.3; font-weight: 650; letter-spacing: -.02em; }
.account-choice__copy p { margin: 0 0 24px; font-size: 14px; line-height: 1.6; color: #526980; }
.account-choice__action { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-top: auto; font-size: 14px; color: #076887; font-weight: 600; }
.account-choice a:focus-visible, .account-choice button:focus-visible, [data-account-choice]:focus-visible { outline: 3px solid #0b96b8; outline-offset: 4px; }
button[data-account-choice] { cursor: pointer; font-family: inherit; }
@media (max-width: 580px) { .account-choice { padding: 22px 18px; border-radius: 20px; } .account-choice__cards { grid-template-columns: 1fr; gap: 14px; } .account-choice__card img { height: 130px; } .account-choice__copy { padding: 18px; } .account-choice__copy p { margin-bottom: 16px; } }