.srza-account-request { display: grid; gap: 1.25rem; margin: 0 auto; max-width: 980px; }
.srza-account-request [hidden] { display: none !important; }
.srza-account-intro, .srza-account-choice, .srza-account-form-panel { background: var(--srza-panel); border: 1px solid var(--srza-line); border-radius: 12px; box-shadow: 0 12px 34px rgba(var(--srza-brand-rgb), .08); padding: clamp(1rem, 3vw, 2rem); }
.srza-account-intro { margin: 0 auto 1.25rem; max-width: 980px; }
.srza-account-intro { background: linear-gradient(135deg, rgba(var(--srza-brand-rgb), .12), var(--srza-panel) 62%); }
.srza-account-intro h2, .srza-account-choice h2, .srza-account-form-panel h2 { color: var(--srza-ink); font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 850; margin: 0 0 .45rem; }
.srza-account-choice-copy { color: var(--srza-muted); margin: 0; }
.srza-account-choice-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.25rem; }
.srza-account-choice-card { background: var(--srza-panel-muted); border: 1px solid var(--srza-line); border-radius: 10px; color: var(--srza-ink); display: grid; gap: .45rem; min-height: 170px; padding: 1.25rem; text-align: left; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.srza-account-choice-card:hover, .srza-account-choice-card:focus-visible { border-color: var(--srza-blue); box-shadow: 0 0 0 3px rgba(var(--srza-brand-rgb), .14); transform: translateY(-2px); }
.srza-account-choice-card strong { font-size: 1.1rem; }
.srza-account-choice-card > span:last-child, .srza-account-form-panel > p { color: var(--srza-muted); }
.srza-account-choice-card-wide { grid-column: 1 / -1; min-height: 0; }
.srza-account-choice-icon { align-items: center; background: rgba(var(--srza-brand-rgb), .12); border-radius: 999px; color: var(--srza-blue-dark); display: inline-flex; font-size: 1rem; font-weight: 900; height: 2.7rem; justify-content: center; width: 2.7rem; }
.srza-account-fields { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.25rem; }
.srza-account-fields label { color: var(--srza-ink); display: block; font-weight: 750; min-width: 0; }
.srza-account-fields label > span:first-child { display: block; margin-bottom: .35rem; }
.srza-account-fields .form-control { min-height: 46px; }
.srza-account-fields input.form-control { background: var(--srza-panel); border: 1px solid var(--srza-line); border-radius: 8px; box-sizing: border-box; color: var(--srza-ink); font: inherit; padding: .65rem .8rem; width: 100%; }
.srza-account-fields input.form-control:focus { border-color: var(--srza-blue); box-shadow: 0 0 0 3px rgba(var(--srza-brand-rgb), .14); outline: 0; }
.srza-account-fields small { color: var(--srza-muted); display: block; font-size: .78rem; font-weight: 400; margin-top: .3rem; }
.srza-account-field-wide { grid-column: 1 / -1; }
.srza-account-consent { align-items: flex-start; background: var(--srza-panel-muted); border-radius: 8px; display: flex !important; gap: .7rem; padding: .9rem; }
.srza-account-consent input { flex: 0 0 auto; margin-top: .2rem; }
.srza-account-consent span { margin: 0 !important; }
.srza-account-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.25rem; }
.srza-account-primary, .srza-account-secondary { align-items: center; border: 1px solid transparent; border-radius: 8px; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; justify-content: center; min-height: 44px; padding: .65rem 1rem; text-decoration: none; }
.srza-account-primary { background: var(--srza-blue); border-color: var(--srza-blue); color: #fff; }
.srza-account-primary:hover, .srza-account-primary:focus-visible { background: var(--srza-blue-dark); border-color: var(--srza-blue-dark); }
.srza-account-secondary { background: transparent; border-color: var(--srza-line); color: var(--srza-ink); }
.srza-account-secondary:hover, .srza-account-secondary:focus-visible { border-color: var(--srza-blue); color: var(--srza-blue-dark); }
.srza-account-primary:disabled, .srza-account-secondary:disabled { cursor: wait; opacity: .65; }
.srza-account-status, .srza-account-notice { border: 1px solid var(--srza-line); border-left-width: 4px; border-radius: 9px; display: grid; gap: .2rem; outline: none; padding: .85rem 1rem; }
.srza-account-status[data-state="success"] { background: #edf9f2; border-left-color: #23864a; color: #165b34; }
.srza-account-status[data-state="danger"] { background: #fff0f0; border-left-color: #c93232; color: #852020; }
.srza-account-notice--warning { background: #fff8df; border-left-color: #c18a00; color: #694c00; }
.srza-account-request .section-kicker { color: var(--srza-blue-dark); font-size: .72rem; font-weight: 850; letter-spacing: .065em; margin: 0 0 .3rem; text-transform: uppercase; }
@media (max-width: 575.98px) { .srza-account-choice-grid, .srza-account-fields { grid-template-columns: minmax(0, 1fr); } .srza-account-field-wide, .srza-account-choice-card-wide { grid-column: auto; } .srza-account-actions, .srza-account-actions > button { width: 100%; } .srza-account-choice-card { min-height: 0; } }
@media (max-height: 520px) and (orientation: landscape) { .srza-account-choice, .srza-account-form-panel { padding: 1rem; } .srza-account-choice-card { min-height: 0; padding: .8rem; } }
@media (prefers-reduced-motion: reduce) { .srza-account-choice-card { transition: none; } }
