/* Account presentation shared by member, registration, help and staff views.
   Values follow launcher/src/styles/launcher.css, scoped to website account pages. */
.account-stage{--account-border:#b99a5e77;position:relative;isolation:isolate;display:grid;place-items:center;min-height:max(740px,calc(100svh - var(--bar,76px)));padding:80px 24px 100px;background:linear-gradient(90deg,#08130f70,#08130f15 50%,#08130f75),linear-gradient(0deg,#0b0d0cfa,#08130f30 40%,#08130f20),url('/assets/images/art/account-signin.webp') center 46%/cover}
.account-card{width:min(100%,448px);padding:32px 38px 28px;border:1px solid var(--account-border);border-radius:14px;background:linear-gradient(145deg,#1b211aed,#0d1510f5);box-shadow:0 20px 90px #0006,0 0 0 5px #11180f24;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:account-arrive .24s var(--ease) both;min-width:0}
.account-stage[data-account-kind=register] .account-card{width:min(100%,560px)}
.account-wordmark{display:block;width:213px;max-width:100%;margin:0 auto 24px}
.account-wordmark img{display:block;width:100%;height:auto;object-fit:contain}
.account-ornament{display:block;position:relative;height:1px;margin-bottom:24px;background:linear-gradient(90deg,transparent,#b99a5e66 10%,#d0b477aa 50%,#b99a5e66 90%,transparent)}
.account-ornament:after{content:'';position:absolute;left:calc(50% - 4px);top:-3px;width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--bronze-light);background:#171e16}
.account-card>.eyebrow{display:block;font-size:9px;line-height:1.6;letter-spacing:.16em;color:var(--bronze-light)}
.account-card h1{font:400 clamp(30px,3vw,35px)/1.2 var(--serif);color:#eee2c4;letter-spacing:-.025em;margin:10px 0 12px;text-wrap:balance}
.account-intro{color:#a8af9c;font-size:13px;line-height:1.8;margin:0 auto 24px;max-width:44ch}
.account-content{text-align:left}
.account-content .website-auth-form{margin:0;gap:20px}
.account-content .vk-fields{gap:20px 18px}
.account-content .vk-field{min-width:0}
.account-content .vk-field>label,.account-field>label{color:#c9cdbb;font-size:12px;line-height:1.5;height:auto;min-height:0;margin:0}
.account-content .vk-field input:not([type=checkbox]):not([type=radio]),.account-field>input,.account-input-wrap>input{width:100%;height:48px;min-height:48px;border:1px solid #a48e5e66;border-radius:7px;background:#0b120fd1;color:#eee9dc;padding:12px 14px;font:14px var(--sans);transition:border-color .18s,box-shadow .18s}
.account-content input:focus-visible{outline:2px solid var(--bronze-light);outline-offset:2px;box-shadow:0 0 0 4px #d0b47712}
.account-content .vk-hint{font-size:11px;line-height:1.6;color:var(--muted)}
.account-content .vk-summary{font-size:12px;line-height:1.7}
.account-content .vk-status:empty,.account-staff-form>[role=status]:empty{display:none}
.account-content .vk-status,.account-staff-form>[role=status]{font-size:12px;line-height:1.7;color:#edd0ae;margin:0;overflow-wrap:anywhere}
.account-content .button{min-height:48px;font-size:12px;line-height:1.4;letter-spacing:.06em}
.account-input-wrap{position:relative;width:100%;min-width:0}
.account-content .account-input-wrap>input{padding-right:62px!important}
.account-password-toggle{position:absolute;right:4px;top:4px;min-width:50px;min-height:40px;border:0;border-radius:5px;background:transparent;color:var(--bronze-light);font:11px var(--sans);cursor:pointer}
.account-password-toggle:hover{background:#d0b47712;color:var(--gold)}
.account-password-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.account-alternate{border-top:1px solid var(--rule);padding-top:20px;margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:#a8ae9c;font-size:12px;line-height:1.7}
.account-alternate a,.account-help-link a,.account-back{color:var(--bronze-light)}
.account-help-link{margin-top:20px;text-align:center;font-size:12px;line-height:1.7}
.account-back{position:absolute;left:30px;top:28px;font-size:12px;line-height:1.7}
.account-world-caption{position:absolute;right:30px;bottom:26px;display:flex;flex-direction:column;gap:7px;text-align:right;color:#aeb59f;font-size:10px}
.account-world-caption .eyebrow{font-size:8px}
.account-staff-form{display:flex;flex-direction:column;gap:22px}
.account-field{display:flex;flex-direction:column;gap:8px}
.account-help-copy{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}
.account-content .account-privacy{margin:0;font-size:11px;line-height:1.8}
@keyframes account-arrive{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:600px){.account-stage{padding:72px 20px 86px;min-height:calc(100svh - var(--bar,76px))}.account-card{padding:28px 24px 24px}.account-wordmark{width:195px}.account-back{left:22px;top:24px}.account-world-caption{right:22px;bottom:22px}.account-content .vk-fields{grid-template-columns:1fr}.account-content .vk-field{grid-column:1}.account-content .vk-field input:not([type=checkbox]):not([type=radio]),.account-field>input,.account-input-wrap>input{font-size:16px}.account-stage[data-account-kind=register] .account-world-caption{display:none}}
@media(prefers-reduced-motion:reduce){.account-card{animation:none}.account-content input{transition:none}}
html[data-motion=reduce] .account-card{animation:none}