.account-flow{background:var(--navy);min-height:100svh;color:var(--ink);flex-direction:column;display:flex}.account-flow-header{min-height:98px;color:var(--on-navy);--muted:var(--navy-muted);--ink:var(--on-navy);--brand:var(--gold-on-navy);--line:#ffffff40;justify-content:space-between;align-items:center;gap:24px;padding:30px clamp(24px,4.2vw,68px);display:flex}.account-wordmark{color:var(--on-navy);letter-spacing:-.065em;font-size:33px;font-weight:650;line-height:1}.account-wordmark>span,.account-wordmark>i{color:var(--gold-on-navy);font-style:normal}.account-flow-main{background:var(--surface);border:1px solid var(--line);border-radius:26px;width:min(100% - 48px,540px);margin:auto;padding:40px}.account-flow-main.flow-wide{width:min(100% - 48px,580px)}.account-flow-footer{color:var(--navy-muted);justify-content:space-between;align-items:center;gap:18px;padding:25px clamp(24px,4.2vw,68px);font-size:12px;display:flex}.account-flow-footer p{align-items:center;gap:8px;line-height:1.6;display:flex}.demo-dot{background:var(--gold-on-navy);border-radius:50%;flex-shrink:0;width:5px;height:5px}.account-flow-footer a{white-space:nowrap;text-underline-offset:4px;text-decoration:underline}.flow-heading{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(36px,4vw,46px);font-weight:600;line-height:1.12}.flow-intro{color:var(--muted);max-width:440px;margin-top:16px;font-size:15px;line-height:1.7}.flow-form{margin-top:34px}.flow-field{min-width:0;margin-top:22px;display:block}.flow-field:first-child{margin-top:0}.flow-field>label,.flow-field-label{margin-bottom:10px;font-size:13px;font-weight:500;line-height:1.5;display:block}.flow-input{border:1px solid var(--border-control);border-radius:var(--radius-control);width:100%;min-width:0;height:56px;color:var(--ink);background:var(--surface);font:inherit;letter-spacing:-.01em;padding:14px 16px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}.flow-input::placeholder{color:var(--muted)}.flow-input:hover{border-color:var(--ink)}.flow-input:focus{outline:3px solid var(--gold-text);outline-offset:3px;border-color:var(--gold-text);background:var(--surface)}.flow-primary{border:1px solid var(--action);border-radius:var(--radius-control);background:var(--action);color:#fff;text-align:center;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:15px 20px;font-size:14px;font-weight:550;line-height:1.5;transition:background .18s,transform .18s;display:flex}.flow-primary:hover{background:var(--brand-hover)}.flow-primary:active{transform:translateY(1px)}.flow-secondary{background:var(--surface);border:1px solid var(--border-control);border-radius:var(--radius-control);justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 18px;font-size:14px;font-weight:500;transition:background .18s,border-color .18s;display:flex}.flow-secondary:hover{background:var(--surface-tint);border-color:var(--ink)}.flow-link{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #bbb;text-decoration:underline #bbb}.flow-link:hover{color:var(--brand);text-decoration-color:currentColor}.flow-back{min-height:40px;color:var(--muted);align-items:center;gap:8px;margin-bottom:23px;padding:0;font-size:12px;display:inline-flex}.flow-back:hover{color:var(--ink)}.flow-note{color:var(--muted);font-size:14px;line-height:1.7}.flow-action-note{text-align:center;margin-top:15px}.flow-heading:focus{outline:none}@media (width<=600px){.account-flow-header{gap:20px;min-height:80px;padding:24px}.account-wordmark{font-size:30px}.account-flow-main,.account-flow-main.flow-wide{border-radius:20px;width:calc(100% - 32px);padding:28px 24px}.account-flow-footer{flex-wrap:wrap;gap:12px;padding:24px;font-size:12px}.account-flow-footer a{align-items:center;min-height:32px;display:flex}.flow-heading{font-size:clamp(32px,7vw,38px)}}@media (width<=360px){.account-flow-main,.account-flow-header,.account-flow-footer{padding-inline:20px}.flow-heading{font-size:34px}}@media (prefers-reduced-motion:reduce){.account-flow *,.account-flow :before,.account-flow :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.account-flow-header :focus-visible,.account-flow-footer :focus-visible{outline-color:var(--gold-on-navy)}