.account{color:var(--ojf-color-ink)}.account h1,.account h2,.account h3,.account h4,.account p{margin:0}.account [tabindex="-1"]:focus{outline:none}.account button,.account input{font:inherit}.account__wrap{width:100%;max-width:var(--ojf-layout-section-max);margin:0 auto}.account__hero{padding:44px var(--ojf-layout-page-gutter) 36px;border-bottom:1px solid var(--ojf-color-rule);background:var(--ojf-color-paper-alt)}.account__hero-inner{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}.account__hero h1{margin-top:8px;font-size:var(--ojf-font-size-h1);line-height:var(--ojf-font-leading-tight);letter-spacing:var(--ojf-font-tracking-display)}.account__eyebrow,.account__sub-eyebrow{color:var(--ojf-color-ink-secondary);font-size:var(--ojf-font-size-eyebrow);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-eyebrow);text-transform:uppercase}.account__sub-eyebrow{letter-spacing:var(--ojf-font-tracking-utility)}.account__who{display:flex;flex-direction:column;gap:2px;text-align:right;font-size:var(--ojf-font-size-small)}.account__who b{color:var(--ojf-color-ink-strong)}.account__band{padding:60px var(--ojf-layout-page-gutter);background:var(--ojf-color-paper)}.account__band--detail{padding-top:24px}.account__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px}.account__layout--single{grid-template-columns:minmax(0,760px)}.account__sign-grid{display:grid;grid-template-columns:minmax(0,460px) minmax(0,300px);justify-content:center;align-items:start;gap:28px}.account__center{max-width:560px}.account__stack{display:flex;flex-direction:column;gap:16px}.account__stack--wide{gap:32px;min-width:0}.account__sign-grid--solo{grid-template-columns:minmax(0,460px)}.account__rail{display:flex;min-width:0;flex-direction:column;gap:20px}.account__card{display:flex;min-width:0;flex-direction:column;gap:16px;padding:26px 28px;border:1px solid var(--ojf-color-rule);background:var(--ojf-color-paper-alt)}.account__card h2{font-size:var(--ojf-font-size-h3)}.account__card h3{margin-top:4px;font-size:var(--ojf-font-size-card-title);line-height:var(--ojf-font-leading-snug)}.account__card--old{background:var(--ojf-color-paper);color:var(--ojf-color-ink-secondary)}.account__card--confirm{border-color:var(--ojf-color-accent)}.account__card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px}.account__section{display:flex;flex-direction:column;gap:14px}.account__section>h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:2px solid var(--ojf-color-ink-strong);font-size:var(--ojf-font-size-h3);text-transform:uppercase}.account__section>h2 small{color:var(--ojf-color-ink-secondary);font-family:var(--ojf-font-family-body);font-size:var(--ojf-font-size-ui);font-weight:var(--ojf-font-weight-medium);text-transform:none}.account__body,.account__card p{line-height:var(--ojf-font-leading-body)}.account__body{margin-bottom:16px;font-size:var(--ojf-font-size-lead)}.account__meta{color:var(--ojf-color-ink-secondary);font-size:var(--ojf-font-size-small);line-height:var(--ojf-font-leading-body)}.account__cluster{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.account__button,.account__text-button{display:inline-flex;min-height:var(--ojf-min-hit-target);align-items:center;justify-content:center;border-radius:var(--ojf-radius-default);cursor:pointer;font-size:var(--ojf-font-size-ui);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-button);text-transform:uppercase}.account__button{padding:0 22px;border:1px solid var(--ojf-color-accent);text-decoration:none}.account__button--primary{background:var(--ojf-color-accent);color:var(--ojf-color-ink-on-dark)}.account__button--primary:hover{background:var(--ojf-color-accent-hover)}.account__button--secondary{background:transparent;color:var(--ojf-color-accent)}.account__button--secondary:hover{background:var(--ojf-color-paper)}.account__button--block{width:100%}.account__text-button{align-self:flex-start;padding:8px 2px;border:0;background:transparent;color:var(--ojf-color-accent);text-decoration:underline;text-decoration-color:var(--ojf-color-palette-accent-500);text-underline-offset:4px}.account__text-button:hover{color:var(--ojf-color-accent-hover);text-decoration-color:var(--ojf-color-accent)}.account__divider{display:flex;align-items:center;gap:10px}.account__divider:before,.account__divider:after{height:1px;flex:1;background:var(--ojf-color-rule);content:""}.account__divider span{color:var(--ojf-color-ink-secondary);font-size:var(--ojf-font-size-eyebrow);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-eyebrow);text-transform:uppercase}.account__field{display:flex;flex-direction:column;gap:6px;color:var(--ojf-color-ink-strong);font-size:var(--ojf-font-size-caption);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-button)}.account__field em{color:var(--ojf-color-accent);font-style:normal}.account__field input{width:100%;min-height:var(--ojf-min-hit-target);padding:12px 14px;border:1px solid var(--ojf-color-border-input);border-radius:var(--ojf-radius-default);background:var(--ojf-color-surface-input);color:var(--ojf-color-ink-strong);font-size:var(--ojf-font-size-body);letter-spacing:normal}.account__field input[aria-invalid=true]{border-color:var(--ojf-color-state-error);background:var(--ojf-color-state-error-bg)}.account__field-error{color:var(--ojf-color-state-error);font-size:var(--ojf-font-size-small);letter-spacing:normal}.account__password{position:relative}.account__password input{padding-right:76px}.account__password button{position:absolute;top:0;right:4px;min-height:var(--ojf-min-hit-target);padding:0 12px;border:0;background:transparent;color:var(--ojf-color-accent);font-size:var(--ojf-font-size-caption);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-button);text-transform:uppercase;cursor:pointer}.account__notice{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-left:3px solid;font-size:var(--ojf-font-size-small);line-height:var(--ojf-font-leading-body)}.account__notice>b{display:flex;width:22px;height:22px;flex:none;align-items:center;justify-content:center;border-radius:var(--ojf-radius-full)}.account__notice>div{display:flex;min-width:0;flex-direction:column;gap:4px}.account__notice--ok{border-color:var(--ojf-color-state-success);background:var(--ojf-color-state-success-bg);color:var(--ojf-color-state-success)}.account__notice--ok>b{background:var(--ojf-color-state-success);color:var(--ojf-color-state-success-bg)}.account__notice--warn,.account__notice--brass{border-color:var(--ojf-color-state-warning);background:var(--ojf-color-state-warning-bg);color:var(--ojf-color-state-warning)}.account__notice--error{border-color:var(--ojf-color-state-error);background:var(--ojf-color-state-error-bg);color:var(--ojf-color-state-error)}.account__notice--error>b{background:var(--ojf-color-state-error);color:var(--ojf-color-state-error-bg)}.account__facts{display:flex;margin:0;padding:0;flex-direction:column;list-style:none}.account__facts li{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--ojf-color-rule-light);font-size:var(--ojf-font-size-small);line-height:var(--ojf-font-leading-body)}.account__facts li:first-child{padding-top:0;border-top:0}.account__facts li:before{width:6px;height:6px;margin-top:8px;flex:none;transform:rotate(45deg);background:var(--ojf-color-palette-accent-500);content:""}.account__pin,.account__confirm{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--ojf-color-rule);background:var(--ojf-color-paper)}.account__pin strong{color:var(--ojf-color-ink-strong);font-family:var(--ojf-font-family-display);font-size:var(--ojf-font-size-card-title)}.account__pin>b{font-family:var(--ojf-font-family-display);font-size:var(--ojf-font-size-h3)}.account__chip{padding:5px 10px;border-radius:var(--ojf-radius-default);background:var(--ojf-color-pill-act-bg);color:var(--ojf-color-pill-act-ink);font-size:var(--ojf-font-size-eyebrow);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-utility);text-transform:uppercase}.account__price{border:1px solid var(--ojf-color-rule);background:var(--ojf-color-paper)}.account__price-top{display:flex;flex-direction:column;gap:6px;padding:16px 18px 8px}.account__price-top strong{color:var(--ojf-color-ink-strong);font-family:var(--ojf-font-family-display);font-size:var(--ojf-font-size-h2);line-height:var(--ojf-font-leading-tight)}.account__price-row,.account__money-line{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--ojf-color-rule-light);font-size:var(--ojf-font-size-body)}.account__price-row b,.account__money-line b{color:var(--ojf-color-ink-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.account__price-foot{padding:11px 18px 13px;border-top:2px solid var(--ojf-color-ink-strong);color:var(--ojf-color-ink-strong);font-size:var(--ojf-font-size-small);font-weight:var(--ojf-font-weight-semibold)}.account__tracking{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:var(--ojf-font-size-small)}.account__details{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;border-top:1px solid var(--ojf-color-rule-light)}.account__details dt,.account__details dd{margin:0;padding:10px 0;border-bottom:1px solid var(--ojf-color-rule-light);font-size:var(--ojf-font-size-small);overflow-wrap:anywhere}.account__details dt{padding-right:20px;color:var(--ojf-color-ink-secondary);font-size:var(--ojf-font-size-caption);font-weight:var(--ojf-font-weight-semibold);letter-spacing:var(--ojf-font-tracking-button)}.account__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:0;padding:0;list-style:none}.account__steps li{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--ojf-color-ink-secondary);font-size:var(--ojf-font-size-caption)}.account__step-mark{display:block;height:4px;background:var(--ojf-color-rule)}.account__steps .is-done .account__step-mark{background:var(--ojf-color-accent)}.account__steps .is-current{color:var(--ojf-color-accent)}.account__steps li>span:last-child{display:flex;flex-direction:column;gap:2px}.account__steps small{font-weight:var(--ojf-font-weight-regular)}.account__step-now{display:none;color:var(--ojf-color-accent);font-size:var(--ojf-font-size-small);font-weight:var(--ojf-font-weight-semibold)}.account__step-now small{margin-left:6px;color:var(--ojf-color-ink-secondary);font-weight:var(--ojf-font-weight-regular)}.account__steps--vertical{display:flex;flex-direction:column;gap:0}.account__steps--vertical li{display:grid;grid-template-columns:22px 1fr;gap:14px;min-height:44px}.account__steps--vertical .account__step-mark{width:22px;height:22px;border:2px solid var(--ojf-color-rule);border-radius:var(--ojf-radius-full)}.account__steps--vertical .is-done .account__step-mark{border-color:var(--ojf-color-accent)}.account__steps--vertical .is-current .account__step-mark{border-color:var(--ojf-color-accent);background:var(--ojf-color-paper-alt);box-shadow:inset 0 0 0 5px var(--ojf-color-paper-alt),inset 0 0 0 10px var(--ojf-color-accent)}.account__empty{align-items:flex-start}.account__back{align-self:flex-start}[data-account-root] [hidden]{display:none!important}@media(max-width:860px){.account__layout,.account__sign-grid{grid-template-columns:minmax(0,1fr)}.account__who{text-align:left}}@media(max-width:640px){.account__hero{padding:30px 18px 26px}.account__band{padding:40px 18px}.account__card{padding:20px 18px}.account__steps li>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.account__steps--vertical li>span:last-child{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.account__steps:not(.account__steps--vertical)+.account__step-now{display:block}.account__button--primary,.account__button--secondary{min-width:0}}
