.account-page{max-width:var(--page-max);padding:40px var(--page-pad) 100px;margin:0 auto}.account-page__title{font:var(--text-h2);letter-spacing:var(--ls-h2);color:var(--dark-blue);text-align:center;margin-bottom:16px}.account-page__lead{max-width:520px;font:var(--text-body);color:var(--sea-blue-text);text-align:center;margin:0 auto 40px}.account-card{background:var(--light-blue);border:1px solid var(--main-blue);border-radius:var(--radius-card);max-width:520px;margin:0 auto;padding:40px}.account-card__placeholder{min-height:280px}.account-card__heading{font:var(--text-h4);color:var(--dark-blue);text-transform:uppercase;text-align:right;margin-bottom:28px}.account-fields{flex-direction:column;gap:20px;display:flex}.account-fields__row{gap:20px;display:grid}.account-fields__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.account-field{flex-direction:column;gap:8px;display:flex}.account-field label{font:500 16px / 1.4 var(--font-primary);color:var(--dark-blue);text-align:right}.account-field__req{color:#c0392b}.account-field input{border:1px solid var(--sea-blue);border-radius:var(--radius-btn);background:var(--white);width:100%;min-height:48px;color:var(--dark-blue);font:500 16px / 1.4 var(--font-primary);text-align:right;padding:12px 16px;transition:border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.account-field input::placeholder{color:var(--sea-blue);opacity:1}.account-field input:focus-visible{border-color:var(--dark-blue);outline:none;box-shadow:0 0 0 2px #2935511f}.account-field input[aria-invalid=true]{border-color:#c0392b}.account-form__forgot{font:var(--text-body-sm);text-align:right;margin:0}.account-form__forgot a{color:var(--dark-blue);text-underline-offset:3px;font-weight:500;text-decoration:underline}.account-form__forgot a:hover{color:var(--dark-blue-active)}.account-form__forgot a:active{color:var(--dark-blue);opacity:.85}.account-form__forgot a:focus-visible{outline:2px solid var(--sea-blue);outline-offset:3px}.account-form__error{border-radius:var(--radius-btn);color:#a93226;font:500 15px / 1.4 var(--font-primary);text-align:right;background:#c0392b14;margin:0 0 4px;padding:12px 14px}.account-form__submit{border:1px solid var(--dark-blue);width:100%;min-height:56px;margin-top:8px;font-size:18px}.account-form__submit:disabled{opacity:.6;cursor:not-allowed}.account-form__footer{border-top:1px solid var(--main-blue);font:var(--text-body-sm);color:var(--sea-blue-text);text-align:center;margin-top:24px;padding-top:24px}.account-form__footer a{color:var(--dark-blue);text-underline-offset:3px;font-weight:500;text-decoration:underline}.account-form__footer a:hover{color:var(--dark-blue-active)}.account-form__footer a:focus-visible{outline:2px solid var(--sea-blue);outline-offset:3px}.account-logout{text-align:center;max-width:480px;margin:0 auto}.account-logout__icon{background:var(--main-blue);width:64px;height:64px;color:var(--dark-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:28px;display:inline-flex}.account-logout__message{font:var(--text-body);color:var(--dark-blue);margin-bottom:32px}.account-logout__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.account-logout__actions .btn{min-width:180px}.account-logout__actions .btn--outline{color:var(--dark-blue);border:1px solid var(--dark-blue);background:0 0}.account-logout__actions .btn--outline:before{opacity:0}.account-logout__actions .btn--outline:hover{background:var(--main-blue);color:var(--dark-blue)}.account-hub__layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:32px;max-width:960px;margin:0 auto;display:grid}.account-hub__layout--loading{min-height:420px}.account-hub__layout--loading .account-hub__sidebar,.account-hub__layout--loading .account-hub__panel{background:var(--light-blue);border:1px solid var(--main-blue);border-radius:var(--radius-card);min-height:320px}.account-hub__sidebar{background:var(--light-blue);border:1px solid var(--main-blue);border-radius:var(--radius-card);text-align:right;padding:28px 24px}.account-hub__user{font:500 22px / 1.3 var(--font-primary);color:var(--dark-blue);margin-bottom:8px}.account-hub__email{font:var(--text-body-sm);color:var(--sea-blue-text);word-break:break-all}.account-hub__panel{background:var(--light-blue);border:1px solid var(--main-blue);border-radius:var(--radius-card);padding:32px}.account-hub__heading{font:var(--text-h4);color:var(--dark-blue);text-transform:uppercase;text-align:right;margin-bottom:24px}.account-hub__links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.account-hub__link{border:1px solid var(--main-blue);border-radius:var(--radius-btn);background:var(--white);color:var(--dark-blue);text-align:right;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none;transition:border-color .25s cubic-bezier(.22,1,.36,1),background-color .25s cubic-bezier(.22,1,.36,1);display:flex}.account-hub__link:hover,.account-hub__link:focus-visible{border-color:var(--sea-blue);background:var(--blue-cool);outline:none}.account-hub__link--soon{opacity:.72;cursor:default}.account-hub__link-label{font:500 18px / 1.3 var(--font-primary)}.account-hub__link-desc{font:var(--text-body-sm);color:var(--sea-blue-text)}.account-hub__soon{background:var(--main-blue);color:var(--dark-blue);font:500 13px / 1 var(--font-primary);border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 10px}.account-hub__actions{border-top:1px solid var(--main-blue);margin-top:28px;padding-top:24px}.account-hub__actions .btn--outline{color:var(--dark-blue);border:1px solid var(--dark-blue);background:0 0}.account-hub__actions .btn--outline:before{opacity:0}.account-hub__actions .btn--outline:hover{background:var(--main-blue);color:var(--dark-blue)}.account-nav{border-top:1px solid var(--main-blue);margin-top:24px;padding-top:20px}.account-nav__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.account-nav__link{border-radius:var(--radius-btn);color:var(--dark-blue);font:var(--text-body-sm);text-align:right;padding:10px 12px;text-decoration:none;transition:background-color .2s;display:block}.account-nav__link:hover,.account-nav__link:focus-visible{background:var(--blue-cool);outline:none}.account-nav__link.is-active{background:var(--main-blue);font-weight:500}.account-section__lead{font:var(--text-body);color:var(--sea-blue-text);text-align:right;margin:0 0 20px}.account-section__lead--welcome{margin-top:-8px}.account-section__form{max-width:none}.account-section__add{margin-top:8px}.account-form__success{border-radius:var(--radius-btn);color:var(--dark-blue);font:500 15px / 1.4 var(--font-primary);text-align:right;background:#29355114;margin:0 0 4px;padding:12px 14px}.account-empty{border:1px dashed var(--main-blue);border-radius:var(--radius-btn);background:var(--white);text-align:center;color:var(--sea-blue-text);font:var(--text-body);padding:32px 20px}.account-orders{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.account-orders__item{border:1px solid var(--main-blue);border-radius:var(--radius-btn);background:var(--white);padding:20px}.account-orders__head{border-bottom:1px solid var(--main-blue);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.account-orders__label{font:500 13px / 1 var(--font-primary);color:var(--sea-blue-text);text-transform:uppercase;margin-bottom:4px;display:block}.account-orders__meta{font:var(--text-body-sm);color:var(--sea-blue-text);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.account-orders__meta strong{font:500 20px / 1 var(--font-primary);color:var(--dark-blue)}.account-orders__lines{font:var(--text-body-sm);color:var(--dark-blue);flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.account-orders__shipping{font:var(--text-body-sm);color:var(--sea-blue-text);margin:0}.account-addresses{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.account-addresses__item{border:1px solid var(--main-blue);border-radius:var(--radius-btn);background:var(--white);text-align:right;padding:18px 20px}.account-addresses__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.account-addresses__badge{background:var(--main-blue);color:var(--dark-blue);font:500 12px / 1 var(--font-primary);border-radius:999px;padding:4px 10px}.account-addresses__item p{font:var(--text-body-sm);color:var(--dark-blue);margin:0 0 4px}.account-addresses__actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.account-link-btn{color:var(--dark-blue);font:500 14px / 1 var(--font-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.account-link-btn:hover,.account-link-btn:focus-visible{color:var(--dark-blue-active);outline:none}.account-link-btn--danger{color:#a93226}.account-addresses__form{border-top:1px solid var(--main-blue);margin-top:8px;padding-top:24px}.account-addresses__form-actions{flex-wrap:wrap;gap:12px;display:flex}.account-addresses__form-actions .account-form__submit{width:auto;min-width:180px}.account-addresses__form-actions .btn--outline{color:var(--dark-blue);border:1px solid var(--dark-blue);background:0 0}.account-addresses__form-actions .btn--outline:before{opacity:0}@media (max-width:767px){.account-page{padding:32px var(--page-pad) 72px}.account-hub__layout{grid-template-columns:1fr}.account-card{padding:28px 24px}.account-fields__row--2{grid-template-columns:1fr}}@media (max-width:479px){.account-logout__actions{flex-direction:column;width:100%}.account-logout__actions .btn{width:100%}}
