.account-dialog [hidden]{display:none!important}
.desktop-nav .account-link{color:var(--cyan);border-bottom:1px solid currentColor;letter-spacing:.06em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-menu .account-link{color:var(--cyan)}
.account-dialog{width:min(520px,calc(100vw - 24px));max-height:min(90vh,760px);overflow-y:auto;border:1px solid var(--cyan);background:#080b10;color:var(--white);padding:clamp(24px,5vw,48px);box-shadow:0 30px 100px #000;font-family:var(--font-body)}
.account-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.account-dialog h2{font:400 clamp(66px,13vw,105px)/.85 var(--font-display);margin:18px 0 12px}
.account-dialog h2 span{color:var(--green)}
.account-close{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--white);font-size:32px}
.account-intro{font-size:16px;color:#d4dfe8;margin:0 0 24px}
.account-tabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:1px solid #587080}
.account-tabs button{min-height:48px;padding:8px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#c6d1dc;font-size:14px;font-weight:700;cursor:pointer}
.account-tabs button[aria-pressed="true"]{border-color:var(--green);color:var(--green)}
.account-form{display:grid;gap:12px}
.account-field{display:grid;gap:6px}
.account-field label{font-size:14px;font-weight:700}
.account-field input{width:100%;min-height:48px;border:1px solid #8293a1;border-radius:0;background:#10161b;color:var(--white);padding:10px 12px;font:16px var(--font-body)}
.account-field input:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.account-field input[aria-invalid="true"]{border-color:#ff9090}
.field-error{min-height:0;color:#ffc4c4;font-size:13px;line-height:1.35}
.field-error:empty{display:none}
.account-submit,.account-logout{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:56px;margin-top:12px;padding:12px 18px;border:0;background:var(--green);color:#050505;font:400 29px var(--font-display);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 80%,94% 100%,0 100%)}
.account-submit:hover,.account-logout:hover{background:var(--cyan)}
.account-submit:disabled,.account-logout:disabled{opacity:.65;cursor:wait}
.account-resend{justify-self:start;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--cyan);font:700 14px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.account-resend:hover{color:var(--green)}
.account-resend:disabled{opacity:.65;cursor:wait}
.account-resend:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.account-profile p{font-size:16px;line-height:1.5;color:#d4dfe8;overflow-wrap:anywhere}
.account-profile strong{color:var(--green)}
.account-status{min-height:1.5em;margin:18px 0 0;color:var(--cyan);font-size:14px;line-height:1.45}
.account-status.is-error{color:#ffc4c4}
@media(max-width:700px){
  .account-dialog{padding:28px 22px}
  .account-dialog h2{font-size:clamp(68px,17vw,96px)}
  .mobile-menu .account-link{max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.account-dialog::backdrop{backdrop-filter:none}}