/* Focused account screens, sharing the public site's visual identity. */
body.auth-view { background: #fbfaf8; min-height: 100vh; --accent: #bf4623; }
.auth-nav { height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 0 48px; border-bottom: 1px solid #e8e6df; }
.auth-brand { display: flex; align-items: center; gap: 9px; color: var(--accent-deep); font-size: 29px; font-weight: 800; letter-spacing: -.065em; }
.auth-brand img { width: 31px; height: 34px; }
.auth-nav-right { font-size: 12px; color: #6f7368; display: flex; align-items: center; gap: 9px; }
.auth-nav-right a { color: #282b24; font-weight: 700; }
.auth-nav-right a:hover { text-decoration: underline; text-underline-offset: 4px; }
.auth-layout { display: grid; grid-template-columns: 1.1fr 1fr; min-height: calc(100vh - 88px); }
.auth-view .auth-section { padding: 52px 44px 30px; min-width: 0; }
.auth-view .auth-section > .container { width: 100%; max-width: none; padding: 0; }
.auth-view .auth-wrap, .auth-view .auth-wrap.narrow { max-width: 460px; width: 100%; margin: 0 auto; }
.auth-view[data-page="login"] .auth-wrap { max-width: 390px; }
.auth-view[data-page="login"] .auth-section { display: flex; align-items: center; padding-block: 60px; }
.auth-view .auth-head { text-align: left; margin-bottom: 29px; }
.auth-view .auth-head .meta { font-family: inherit; text-transform: none; letter-spacing: 0; font-size: 11px; color: #7c7e74; justify-content: flex-start; margin-bottom: 15px; }
.auth-view .auth-head h1 { font-size: 40px; font-weight: 600; letter-spacing: -.055em; line-height: 1.13; margin-bottom: 16px; }
.auth-view .auth-head h1 .accent { color: inherit; }
.auth-view .auth-head p { margin: 0; font-size: 13px; color: #74776e; line-height: 1.8; max-width: 43ch; }
.auth-view .auth-card { background: transparent; padding: 0; border: 0; box-shadow: none; border-radius: 0; }
.auth-view .auth-form { gap: 18px; }
.auth-view .field { gap: 7px; min-width: 0; }
.auth-view .field label { font-family: inherit; font-size: 11px; font-weight: 600; text-transform: none; letter-spacing: 0; color: #45483f; }
.auth-view .field input, .auth-view .field select, .auth-view .field textarea { background: #fff; border: 1px solid #dddfd5; border-radius: 7px; font-size: 13px; padding: 13px 14px; width: 100%; min-height: 46px; box-shadow: 0 1px 2px #26282303; font-family: inherit; }
.auth-view .field input::placeholder, .auth-view .field textarea::placeholder { color: #999c91; }
.auth-view .field input:focus, .auth-view .field select:focus, .auth-view .field textarea:focus { border-color: #bb7355; outline: 2px solid #f2dacc; outline-offset: 1px; }
.auth-view .field textarea { min-height: 85px; resize: vertical; }
.auth-view .auth-actions { margin-top: 5px; }
.auth-view .auth-actions .btn { min-height: 48px; padding: 13px 20px; border-radius: 7px; background: var(--accent-deep); color: #fff; border-color: var(--accent-deep); font-family: inherit; font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; box-shadow: none; justify-content: space-between; }
.auth-view .auth-actions .btn:hover { background: var(--button-hover); border-color: var(--button-hover); transform: none; }
.auth-view .auth-actions .btn:disabled { opacity: .6; }
.auth-view .auth-msg { font-family: inherit; font-size: 12px; text-transform: none; letter-spacing: 0; padding: 0; margin: 0; }
.auth-view .auth-msg:not(:empty) { margin-top: 10px; }
.auth-view .auth-alt { font-family: inherit; text-transform: none; letter-spacing: 0; font-size: 12px; text-align: center; margin-top: 23px; }
.auth-view .auth-alt a { font-weight: 700; color: #3f4936; text-decoration: underline; text-underline-offset: 4px; }
.auth-view .auth-hint { font-size: 10px; }
.auth-view .acct-seg { gap: 10px; }
.auth-view .acct-card { border: 1px solid #dcded3; border-radius: 8px; padding: 13px; background: #fff; }
.auth-view .acct-card.active { border-color: #af7051; background: #fff3eb; box-shadow: none; }
.auth-view .acct-card .ac-t { font-size: 12px; gap: 7px; }
.auth-view .acct-card .ac-s { font-size: 10px; margin-top: 7px; line-height: 1.6; }
.auth-view .acct-card .ac-radio { width: 14px; height: 14px; }
.auth-view .otp-input { font-size: 26px !important; letter-spacing: .4em; text-align: center; padding-left: 24px !important; }
.auth-view .auth-inline { margin-top: 18px; }
.auth-view .auth-inline button { font-family: inherit; font-size: 12px; }
.auth-progress { display: flex; align-items: center; gap: 12px; margin-bottom: 29px; font-size: 10px; color: #96998e; }
.auth-progress span { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.auth-progress i { font-style: normal; width: 21px; height: 21px; border: 1px solid #d8dbd0; border-radius: 50%; display: grid; place-items: center; }
.auth-progress b { width: 38px; height: 1px; background: #d9dcd0; }
.auth-progress [aria-current="step"] { color: #363c2d; font-weight: 600; }
.auth-progress [aria-current="step"] i { border-color: #343b2c; background: #343b2c; color: #fff; }
.auth-password-wrap { position: relative; }
.auth-view .auth-password-wrap input { padding-right: 61px; }
.auth-password-toggle { position: absolute; right: 11px; top: 0; height: 100%; background: none; border: 0; color: #646d58; font: 600 10px var(--font-body); cursor: pointer; padding: 0 4px; }
.auth-security-note { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #808477; font-size: 10px; }
.auth-security-note svg { width: 14px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.auth-visual { margin: 22px 22px 22px 0; position: sticky; top: 22px; height: calc(100vh - 132px); min-height: 560px; border-radius: 13px; overflow: hidden; background: #303528; isolation: isolate; }
.auth-visual > img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }
.auth-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#0005,transparent 30%,#000b 100%); z-index: 0; }
.auth-visual-top { position: absolute; left: 32px; right: 32px; top: 29px; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 10px; z-index: 1; }
.auth-visual-top > span { border: 1px solid #ffffff60; background: #ffffff0c; backdrop-filter: blur(8px); padding: 8px 13px; border-radius: 20px; }
.auth-visual-top > span::before { content: ''; display: inline-block; width: 5px; height: 5px; background: #fcbf89; border-radius: 50%; margin-right: 7px; vertical-align: middle; }
.auth-visual-top img { width: 27px; filter: invert(1); }
.auth-visual-copy { position: absolute; left: 38px; right: 34px; bottom: 38px; z-index: 1; color: #fff; }
.auth-visual-copy > p { font-size: 11px; opacity: .8; margin-bottom: 17px; }
.auth-visual-copy h2 { font-size: clamp(36px,4vw,57px); line-height: 1.06; font-weight: 500; letter-spacing: -.06em; }
.auth-visual-copy > div { border-top: 1px solid #ffffff45; margin-top: 30px; padding-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 25px; font-size: 10px; color: #ffffffc9; }
.auth-visual-copy > div strong { font-size: 11px; color: #fff; font-weight: 500; }
.auth-mini-footer { color: #878b7d; font-size: 10px; display: flex; justify-content: space-between; gap: 16px; padding-top: 30px; margin-top: 25px; border-top: 1px solid #e7e8df; }
.auth-mini-footer a { color: #686f5d; }
.auth-view .auth-invite-banner { margin: 15px 0 0; font-size: 12px; }
@media(max-width:1000px) { .auth-nav { padding-inline: 30px; } .auth-view .auth-section { padding-inline: 30px; } .auth-layout { grid-template-columns: 1.15fr 1fr; } .auth-visual-copy { left: 27px; right: 24px; } .auth-visual-copy h2 { font-size: 42px; } }
@media(max-width:760px) { .auth-nav { height: 74px; padding-inline: 22px; } .auth-brand { font-size: 26px; } .auth-nav-right { font-size: 10px; } .auth-layout { grid-template-columns: 1fr; min-height: calc(100svh - 74px); } .auth-visual { display: none; } .auth-view .auth-section, .auth-view[data-page="login"] .auth-section { padding: 42px 24px 24px; align-items: flex-start; } .auth-view .auth-head h1 { font-size: 37px; } .auth-view .acct-seg { grid-template-columns: 1fr 1fr; } .auth-view .auth-form { grid-template-columns: 1fr 1fr; gap: 17px 12px; } .auth-mini-footer { margin-top: 32px; } }
@media(max-width:380px) { .auth-view .auth-form, .auth-view .acct-seg { grid-template-columns: 1fr; } .auth-nav-right > span { display: none; } }