/* Account entry uses the same tokens as the product, with a bounded reading width. */
html[data-rd-design] .rd-auth-shell {
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
    align-items:center;gap:clamp(24px,5vw,72px);max-width:1040px;
    margin:clamp(24px,5vh,64px) auto;padding:0;min-width:0;
}
html[data-rd-design] .rd-auth-copy {min-width:0;max-width:480px}
html[data-rd-design] .rd-auth-kicker {display:flex;align-items:center;gap:8px;color:var(--ui-brand-hover);font-weight:600;margin-bottom:16px}
html[data-rd-design] .rd-auth-copy h1 {font-size:clamp(26px,3vw,36px);line-height:1.6;margin:0 0 16px}
html[data-rd-design] .rd-auth-copy p {color:var(--ui-muted);line-height:1.9;margin:0 0 24px}
html[data-rd-design] .rd-auth-benefits {display:grid;gap:12px;color:var(--ui-muted)}
html[data-rd-design] .rd-auth-benefits span {display:flex;align-items:center;gap:8px}
html[data-rd-design] .rd-auth-benefits i {color:var(--ui-brand)}
html[data-rd-design] :is(.rd-auth-card,.ui-auth-form) {min-width:0;max-width:100%;padding:28px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel)}
html[data-rd-design] :is(.rd-auth-card,.ui-auth-form) {border-block-start:3px solid var(--ui-brand);box-shadow:0 8px 24px #172b3a08}
html[data-rd-design] .rd-auth-card-head {display:flex;align-items:center;gap:12px;margin-bottom:28px}
html[data-rd-design] .rd-auth-card-head>div {min-width:0}
html[data-rd-design] .rd-auth-card-head :is(h1,h2) {font-size:24px;margin:0 0 4px}
html[data-rd-design] .rd-auth-card-head p {margin:0;color:var(--ui-muted)}
html[data-rd-design] .rd-auth-card-head .rd-brand-mark {width:48px;height:48px;flex:none}
html[data-rd-design] .rd-auth-card .form-label {font-weight:600;margin-bottom:8px}
html[data-rd-design] .rd-input-icon {position:relative}
html[data-rd-design] .rd-input-icon>i {position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--ui-muted);pointer-events:none}
html[data-rd-design] .rd-input-icon input {min-height:48px;padding-inline:42px 12px;font-size:16px}
html[data-rd-design] :is(.rd-auth-card,.ui-auth-form) input[type=tel] {direction:ltr;text-align:start}
html[data-rd-design] .rd-auth-link {font-size:13px;display:inline-flex;align-items:center;min-height:32px}
html[data-rd-design] .rd-auth-card .form-check {display:flex;align-items:center;gap:8px;padding:0;min-height:44px}
html[data-rd-design] .rd-auth-card .form-check-input {float:none;margin:0;flex-shrink:0}
html[data-rd-design] .rd-auth-submit {width:100%;min-height:48px}
html[data-rd-design] .rd-auth-register {text-align:center;margin:24px 0 0;color:var(--ui-muted)}
html[data-rd-design] .rd-auth-register a {font-weight:600;display:inline-flex;align-items:center;min-height:44px}
html[data-rd-design] .ui-auth-form {width:480px;margin:32px auto}
html[data-rd-design] .ui-auth-form .ui-page-header {margin-bottom:24px}
html[data-rd-design] .ui-auth-form .ui-page-header h1 {font-size:24px}
html[data-rd-design] .ui-auth-form .ui-form-stack {gap:20px}
html[data-rd-design] .ui-auth-form input {min-height:48px;font-size:16px}
@media(max-width:767.98px) {
    html[data-rd-design] .rd-auth-shell {grid-template-columns:minmax(0,1fr);max-width:480px;margin:24px auto;gap:20px}
    html[data-rd-design] .rd-auth-copy {text-align:center;max-width:none}
    html[data-rd-design] .rd-auth-kicker {display:none}
    html[data-rd-design] .rd-auth-copy h1 {font-size:23px;margin-bottom:8px}
    html[data-rd-design] .rd-auth-copy p {margin:0;font-size:13px}
    html[data-rd-design] .rd-auth-benefits {display:none}
    html[data-rd-design] :is(.rd-auth-card,.ui-auth-form) {padding:20px}
    html[data-rd-design] .rd-auth-card-head {margin-bottom:24px}
    html[data-rd-design] .ui-auth-form {margin:24px auto}
}