.account-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #29263b;
  background: radial-gradient(ellipse at 8% 46%, #ece8fc 0, transparent 52%), radial-gradient(ellipse at 92% 85%, #edf5e7 0, transparent 42%), #f8f8fc;
  color-scheme: light;
}
.account-header, .account-footer {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.account-brand {display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:.05em;color:#29263b}
.account-header nav, .account-footer nav {display:flex;align-items:center;gap:28px}
.account-header nav a {font-size:13px;color:#696278}
.account-header nav a:first-child {font-weight:650;color:#44345f}
.account-main {
  flex: 1;
  width: min(1120px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
  gap: 80px;
  padding: 32px 32px 48px;
  align-items: center;
}
.account-page .account-eyebrow {font-size:10px;font-weight:800;letter-spacing:.18em;line-height:1.6;color:#8164b6;margin:0 0 14px}
.account-page .account-story h1 {color:#302740;font-size:clamp(38px,4vw,54px);letter-spacing:-.055em;font-weight:750;line-height:1.12;margin:0 0 20px}
.account-page .account-story-description {color:#777084;font-size:16px;line-height:1.75;max-width:380px;margin:0}
.account-illustration {display:block;width:100%;height:auto;margin:16px 0 2px;filter:drop-shadow(0 12px 20px #8172a609)}
.account-story-note {display:flex;align-items:center;gap:14px;margin:0 0 0 18px}
.account-story-note>span {display:grid;place-items:center;background:#fff;border:1px solid #e6def1;border-radius:12px;width:42px;height:42px;color:#9476c3;font-size:25px}
.account-page .account-story-note p {margin:0;font-size:12px;line-height:1.6;color:#8b8298}
.account-story-note strong {color:#5d526d;font-weight:600}
.account-card {min-width:0;background:#fff;border:1px solid #eeeaf4;border-radius:24px;padding:32px;box-shadow:0 18px 65px #55467a0b}
.account-page .account-card h2 {color:#302740;font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}
.account-page .account-description {font-size:13px;line-height:1.7;color:#81778e;margin:0 0 22px}
.account-card form {display:grid;gap:14px;margin:20px 0 0}
.account-page [data-account-form]>label, .account-page .account-field>label {display:grid;gap:7px;font-size:12px;font-weight:650;line-height:1.5;color:#51475f}
.account-field {display:grid;gap:7px}
.account-page [data-account-form]>label>input,
.account-page .account-field>select {
  width:100%;min-height:45px;box-sizing:border-box;background:#fbfafe;border:1px solid #e2ddeb;border-radius:9px;padding:11px 13px;font:inherit;font-size:13px;font-weight:400;line-height:1.5;color:#393145;transition:border-color .15s,box-shadow .15s;
}
.account-page [data-account-form]>label>input:focus,
.account-page .account-field>select:focus {outline:2px solid #b59ad755;outline-offset:2px;border-color:#9d81c4;background:#fff}
.account-submit, .account-google {display:flex;align-items:center;justify-content:center;gap:11px;text-align:center;min-height:46px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer}
.account-submit {background:#7152a4;border:1px solid #7152a4;color:#fff;box-shadow:0 4px 9px #7152a417}
.account-submit:hover {background:#62448f}
.account-submit:disabled {opacity:.65;cursor:wait}
.account-google {border:1px solid #e2ddeb;background:#fff;color:#51475f}
.account-google:hover {background:#fbfafe;border-color:#c9bddb}
.account-divider {display:flex;align-items:center;gap:12px;font-size:10px;color:#aba1b7;margin:20px 0}
.account-divider:before,.account-divider:after {content:'';flex:1;height:1px;background:#eeeaf4}
.account-links {display:flex;flex-wrap:wrap;gap:8px 18px;margin:21px 0 16px;font-size:11px;line-height:1.6}
.account-links a {color:#795aa3}
.account-links a:hover,.account-header a:hover,.account-footer a:hover {text-decoration:underline}
.account-page .account-hint {font-size:10px;line-height:1.65;color:#978caa;margin:0}
.account-hint[data-account-status]:empty {display:none}
.account-alert,.account-success {padding:12px;border-radius:9px;line-height:1.6;font-size:12px;margin:16px 0}
.account-page .account-alert {background:#fff1f2;color:#98384d}
.account-page .account-success {background:#edf7ee;color:#326942}
.account-page altcha-widget {
  display:block;width:100%;font-size:13px;
  --altcha-max-width:100%;
  --altcha-border-color:#e2ddeb;
  --altcha-border-radius:10px;
  --altcha-padding:14px;
  --altcha-color-base:#fbfafe;
  --altcha-color-base-content:#51475f;
  --altcha-color-neutral:#e2ddeb;
  --altcha-color-neutral-content:#94879f;
  --altcha-color-primary:#7152a4;
  --altcha-color-primary-content:#fff;
  --altcha-color-success:#568549;
  --altcha-color-success-content:#fff;
  --altcha-checkbox-size:22px;
  --altcha-checkbox-border-color:#b9aecb;
  --altcha-checkbox-border-radius:5px;
  --altcha-checkbox-outline-color:#7152a4;
  --altcha-spinner-color:#7152a4;
}
.account-footer {border-top:1px solid #e9e4f1;padding-top:20px;padding-bottom:20px}
.account-page .account-footer p {margin:0;font-size:10px;color:#a097ae}
.account-footer p span {margin-left:14px;color:#b4aabe}
.account-footer nav {gap:24px}
.account-footer nav a {font-size:10px;color:#94879f}
.account-page a:focus-visible,.account-page button:focus-visible {outline:2px solid #8060b8;outline-offset:4px}
@media(min-width:1500px) {.account-main{padding-top:48px;padding-bottom:64px}}
@media(max-width:900px) {.account-main{gap:36px;padding:28px 28px 40px}.account-page .account-story h1{font-size:38px}.account-card{padding:26px}}
@media(max-width:680px) {
  .account-header{padding:22px 22px}.account-brand{font-size:12px;gap:8px}.account-brand img{width:30px;height:30px}.account-header nav{gap:16px}.account-header nav a{font-size:11px}.account-header nav a:first-child{display:none}
  .account-main{grid-template-columns:minmax(0,1fr);gap:24px;padding:14px 22px 36px}.account-story{display:grid;grid-template-columns:minmax(0,1fr) 120px;column-gap:8px;align-items:center}.account-story .account-eyebrow{grid-column:1;margin-bottom:8px;font-size:9px}.account-page .account-story h1{grid-column:1;font-size:28px;line-height:1.17;margin:0}.account-page .account-story-description{grid-column:1 / -1;font-size:12px;line-height:1.65;margin-top:12px;max-width:none}.account-illustration{grid-column:2;grid-row:1 / 3;width:148px;max-width:148px;margin:0 0 0 -16px}.account-story-note{display:none}.account-card{padding:26px 24px;border-radius:20px}.account-page .account-card h2{font-size:25px}.account-page .account-description{font-size:12px}.account-footer{padding:18px 22px;gap:12px;flex-wrap:wrap}.account-footer p span{display:none}.account-footer nav{gap:18px}
}
@media(prefers-reduced-motion:reduce) {.account-page{--altcha-transition-duration:0s;--altcha-checkbox-transition-duration:0s}.account-page [data-account-form]>label>input,.account-page .account-field>select{transition:none}}
.account-page {--type-body:14px;--type-control:14px;--type-reading-leading:1.65;--type-h1:clamp(38px,4vw,54px);--type-h2:27px}
.account-story {--type-body:16px}
.account-card {--type-body:13px;--type-h2:27px}
.account-page .account-eyebrow {--type-body:11px;--type-reading-leading:1.6}
.account-page .account-hint {--type-body:12px;--type-reading-leading:1.6}
.account-page .account-story-note {--type-body:12px}
.account-page .account-links {font-size:12px}
.account-page .account-footer p,.account-page .account-footer nav a {font-size:11px}
@media(max-width:680px) {.account-story{--type-h1:28px;--type-body:13px}.account-card{--type-h2:25px}.account-page .account-eyebrow{--type-body:10px}}
.account-page altcha-widget .altcha-checkbox>svg,.account-page altcha-widget .altcha-checkbox-spinner {pointer-events:none}
.account-page .account-hint {color:#746780}
.account-page .account-description,.account-page .account-story-description {color:#746b80}
.account-page .account-story-note p {color:#776a84}
.account-page .account-footer p,.account-page .account-footer nav a {color:#796d86}
.account-page .account-footer p span {color:#796d86}
.account-page altcha-widget .altcha-checkbox input:focus-visible {outline:var(--altcha-checkbox-outline);outline-offset:var(--altcha-checkbox-outline-offset)}
.account-page .account-footer .spacey-launcher {position:static;flex-shrink:0;box-shadow:none;padding:8px 12px;font-size:11px;min-height:34px}
