/* Cyberpath account access uses the shared navy/cyan identity and paired theme colours. */
html[data-theme] .account-workspace{max-width:1180px;margin:0 auto 60px;color:var(--cp-text);font-family:var(--sans);min-width:0}
html[data-theme] .account-workspace *{box-sizing:border-box}
html[data-theme] .account-heading{max-width:800px;margin:20px 0 38px}
html[data-theme] .account-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px;color:var(--cp-muted);font:500 14px/1.6 var(--sans)}
html[data-theme] .account-heading h1{margin:0 0 17px;font:750 clamp(36px,4.5vw,56px)/1.08 var(--sans);letter-spacing:-.045em;color:var(--cp-text)}
html[data-theme] .account-heading>p{max-width:60ch;margin:0;color:var(--cp-muted);font:400 18px/1.75 var(--sans)}
html[data-theme] .account-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:66px;align-items:start;min-width:0}
html[data-theme] .account-explainer{padding:27px 0;min-width:0}
html[data-theme] .account-emblem{width:59px;height:64px;display:grid;place-items:center;color:var(--cp-accent);margin-bottom:22px}
html[data-theme] .account-emblem svg{width:55px;height:55px}
html[data-theme] .account-explainer h2{font:700 28px/1.25 var(--sans);letter-spacing:-.03em;color:var(--cp-text);margin:0 0 28px}
html[data-theme] .account-flow{list-style:none;margin:0 0 27px;padding:0}
html[data-theme] .account-flow li{display:flex;align-items:flex-start;gap:16px;margin:0;padding:0 0 26px;position:relative;min-width:0}
html[data-theme] .account-flow li:not(:last-child):after{content:"";position:absolute;left:21px;top:45px;bottom:5px;width:1px;background:var(--cp-border-strong)}
html[data-theme] .account-flow-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid var(--cp-border-strong);border-radius:11px;background:var(--cp-surface);color:var(--cp-muted)}
html[data-theme] .account-flow-icon svg{width:22px;height:22px}
html[data-theme] .account-flow li[aria-current] .account-flow-icon{color:var(--cp-accent);background:var(--cp-accent-soft);border-color:var(--cp-accent)}
html[data-theme] .account-flow strong{display:block;font:650 17px/1.5 var(--sans);color:var(--cp-text);margin:0 0 4px}
html[data-theme] .account-flow p{font:400 15px/1.65 var(--sans);color:var(--cp-muted);margin:0;max-width:33ch}
html[data-theme] .account-privacy-note{max-width:42ch;font:400 15px/1.8 var(--sans);color:var(--cp-muted);padding-top:22px;border-top:1px solid var(--cp-border);margin:0 0 15px}
html[data-theme] .account-explainer>a{font:600 14px/1.7 var(--sans);color:var(--cp-accent);display:inline-flex;align-items:center;min-height:44px}
html[data-theme] .account-workspace .account-local-note{font:400 13px/1.75 var(--sans);max-width:55ch;color:var(--cp-muted);margin:10px 0 0}
html[data-theme] .account-panel{padding:34px 36px 36px;border:1px solid var(--cp-border-strong);border-radius:16px;background:var(--cp-surface);min-width:0;box-shadow:0 18px 50px color-mix(in srgb,var(--cp-shadow) 14%,transparent)}
html[data-theme] .account-panel h2{font:700 30px/1.2 var(--sans);letter-spacing:-.035em;margin:26px 0 13px;color:var(--cp-text)}
html[data-theme] .account-panel>h2:first-child{margin-top:0}
html[data-theme] .account-panel h3{font:700 21px/1.4 var(--sans);letter-spacing:-.02em;margin:0;color:var(--cp-text)}
html[data-theme] .account-panel :is(p,label,input,select){font:400 16px/1.75 var(--sans);color:var(--cp-text)}
html[data-theme] .account-panel>p{margin:0 0 20px}
html[data-theme] .account-panel .account-lede{color:var(--cp-muted);margin:0 0 26px;font-size:16px;overflow-wrap:anywhere}
html[data-theme] .account-tabs{display:flex;gap:0;border-bottom:1px solid var(--cp-border);margin:-8px 0 27px}
html[data-theme] .account-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;padding:9px 12px;border-bottom:2px solid transparent;color:var(--cp-muted);font:600 15px/1.5 var(--sans)}
html[data-theme] .account-tabs a[aria-current]{border-color:var(--cp-accent);color:var(--cp-text)}
html[data-theme] .account-panel fieldset{min-width:0;padding:0;margin:0;border:0}
html[data-theme] .account-panel label{display:block;font-weight:600;margin:19px 0 8px;font-size:15px}
html[data-theme] .account-panel :is(input,select){display:block;width:100%;max-width:100%;min-width:0;min-height:50px;margin:0;padding:11px 14px;border:1px solid var(--cp-border-strong);border-radius:8px;background:var(--cp-bg);color:var(--cp-text);box-shadow:none}
html[data-theme] .account-panel input::placeholder{color:var(--cp-subtle);opacity:1}
html[data-theme] .account-panel :is(button,a){touch-action:manipulation}
html[data-theme] .account-panel button{min-height:46px;padding:11px 16px;border:1px solid var(--cp-border-strong);border-radius:8px;background:var(--cp-surface-raised);color:var(--cp-text);font:650 15px/1.5 var(--sans);white-space:normal;cursor:pointer}
html[data-theme] .account-panel button.account-primary{display:block;width:100%;min-height:50px;margin-top:24px;border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .account-panel button.account-secondary{background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] .account-panel button.account-text-button{border-color:transparent;background:transparent;color:var(--cp-accent);padding:10px 4px}
html[data-theme] .account-panel button.account-danger-button{border-color:var(--cp-danger);background:var(--cp-danger-soft);color:var(--cp-danger)}
html[data-theme] .account-panel :is(button,input,select):disabled{cursor:default;opacity:.58}
html[data-theme] .account-panel fieldset:disabled :is(input,select){background:var(--cp-surface-soft)}
html[data-theme] .account-workspace :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--cp-accent);outline-offset:4px}
html[data-theme] .account-panel button:hover:enabled{border-color:var(--cp-accent)}
html[data-theme] .account-panel .account-form-help{color:var(--cp-muted);font:400 13px/1.75 var(--sans);margin:14px 0 0}
html[data-theme] .account-panel .account-return{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;font:600 14px/1.6 var(--sans);color:var(--cp-accent)}
html[data-theme] .account-availability{display:flex;align-items:flex-start;gap:12px;margin:0 0 24px;padding:17px;border:1px solid var(--cp-border-strong);border-radius:9px;background:var(--cp-surface-soft)}
html[data-theme] .account-availability-dot{width:8px;height:8px;flex:0 0 8px;margin-top:8px;border-radius:50%;background:var(--cp-warning)}
html[data-theme] .account-availability strong{display:block;color:var(--cp-text);font:650 15px/1.6 var(--sans)}
html[data-theme] .account-availability p{color:var(--cp-muted);font:400 14px/1.75 var(--sans);margin:7px 0 10px}
html[data-theme] .account-availability a{font:650 14px/1.6 var(--sans);color:var(--cp-accent);display:inline-flex;align-items:center;min-height:44px}
html[data-theme] .account-feedback:empty{display:none}
html[data-theme] .account-panel :is(.account-notice,.account-error){font:500 14px/1.75 var(--sans);padding:14px 16px;border-left:3px solid var(--cp-success);border-radius:4px;background:var(--cp-success-soft);color:var(--cp-text);margin:16px 0 22px;overflow-wrap:anywhere}
html[data-theme] .account-panel .account-error{background:var(--cp-danger-soft);border-color:var(--cp-danger)}
html[data-theme] .account-panel .account-code-input{max-width:100%;font:600 28px/1.5 var(--mono);letter-spacing:.3em;padding:12px 16px}
html[data-theme] .account-code-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:16px}
html[data-theme] .account-panel .account-countdown{font:500 13px/1.75 var(--sans);color:var(--cp-muted);margin:10px 0 0}
html[data-theme] .account-resend-activation{border-top:1px solid var(--cp-border);margin-top:27px;padding-top:13px}
html[data-theme] .account-resend-activation summary{min-height:44px;cursor:pointer;color:var(--cp-accent);font:600 14px/1.7 var(--sans);padding:10px 0}
html[data-theme] .account-resend-activation button{margin-top:17px}
html[data-theme] .account-signed-in{display:flex;gap:8px;align-items:center;color:var(--cp-success);font:650 14px/1.6 var(--sans)}
html[data-theme] .account-signed-in svg{width:22px;height:22px}
html[data-theme] .account-panel .account-email-value{font-weight:600;overflow-wrap:anywhere;margin-bottom:22px}
html[data-theme] .account-details{display:flex;gap:30px;flex-wrap:wrap;margin:0 0 29px;padding-bottom:25px;border-bottom:1px solid var(--cp-border)}
html[data-theme] .account-details dt{font:500 13px/1.7 var(--sans);color:var(--cp-muted)}
html[data-theme] .account-details dd{font:650 16px/1.7 var(--sans);color:var(--cp-text);margin:4px 0 0}
html[data-theme] .account-session-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}
html[data-theme] .account-sessions{list-style:none;margin:19px 0 26px;padding:0}
html[data-theme] .account-sessions li{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;min-width:0;padding:18px 0;border-bottom:1px solid var(--cp-border)}
html[data-theme] .account-sessions li>div{min-width:0;flex:1 1 160px}
html[data-theme] .account-sessions strong{display:block;font:650 15px/1.6 var(--sans);color:var(--cp-text)}
html[data-theme] .account-sessions span{display:block;font:400 13px/1.75 var(--sans);color:var(--cp-muted);margin-top:5px}
html[data-theme] .account-sessions .account-current-session{border:1px solid var(--cp-success);border-radius:5px;padding:4px 8px;margin:0;font-weight:600;color:var(--cp-success);background:var(--cp-success-soft)}
html[data-theme] .account-signout-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}
.account-workspace .account-sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1000px){html[data-theme] .account-layout{gap:35px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}html[data-theme] .account-panel{padding:28px 25px}}
@media(max-width:760px){html[data-theme] .account-layout{grid-template-columns:minmax(0,1fr);gap:24px}html[data-theme] .account-panel{grid-row:1}html[data-theme] .account-explainer{padding:10px 4px}html[data-theme] .account-heading{margin:10px 0 26px}html[data-theme] .account-heading>p{font-size:16px}html[data-theme] .account-privacy-note{max-width:65ch}html[data-theme] .account-explainer h2{font-size:26px}}
@media(max-width:450px){html[data-theme] .account-panel{padding:25px 20px;border-radius:12px}html[data-theme] .account-panel h2{font-size:28px}html[data-theme] .account-heading h1{font-size:36px}html[data-theme] .account-code-actions{gap:8px}html[data-theme] .account-panel .account-code-input{font-size:25px;letter-spacing:.24em}html[data-theme] .account-details{gap:25px}html[data-theme] .account-availability{padding:15px 12px}html[data-theme] .account-panel button.account-danger-button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html[data-theme] .account-workspace *{animation:none!important;transition:none!important}}