.account-page{min-height:100svh;color:var(--brand-ink);background:var(--brand-paper);font-family:var(--brand-font-body);font-size:1rem;line-height:1.5}.account-content,.account-header{width:min(calc(100% - clamp(2.5rem, 9vw, 9rem)),76rem);margin-inline:auto}.account-header{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ded9e3}.account-guide,.account-home{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.account-guide{gap:.35rem;color:var(--brand-ink);font-size:.9rem;font-weight:650}.account-guide:hover{color:var(--brand-violet)}.account-content{min-height:calc(100svh - 5.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-content:center;align-items:center;gap:clamp(3rem,7vw,7.5rem);padding-block:clamp(2.5rem,6vh,5rem)}.account-card{width:min(100%,26rem);min-width:0;justify-self:center;padding-block:1.25rem}.account-card h1{color:var(--brand-ink);font:800 clamp(2.6rem,4.25vw,4rem)/1.01 var(--brand-font-display);letter-spacing:-.055em;text-wrap:balance}.account-intro{margin-top:.95rem;color:var(--brand-muted);font-size:1.06rem}.account-card form,.account-recovery-body,.account-unavailable{display:grid;gap:1.1rem;margin-top:1.85rem}.account-field{display:grid;gap:.4rem;min-width:0;font-size:.93rem;font-weight:650}.account-field-row{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:.3rem .6rem}.account-card a:not(.account-submit){color:var(--brand-violet);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.account-field-row a,.account-hint,.account-minor{font-size:.85rem}.account-card input{display:block;width:100%;min-height:3.2rem;border:1px solid #807787;border-radius:var(--brand-radius-control);padding:.68rem .88rem;background:var(--brand-white);color:var(--brand-ink);font-size:1rem;font-weight:450}.account-card input::placeholder{color:var(--brand-muted)}.account-password{position:relative}.account-password input{padding-inline-end:3.2rem}.account-password button{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;color:var(--brand-muted);border-radius:var(--brand-radius-small)}.account-password button:hover{color:var(--brand-violet)}.account-hint{display:flex;align-items:center;gap:.35rem;color:var(--brand-muted);font-weight:450}.account-page :is(button,a,input):focus-visible{outline:var(--brand-focus-ring);outline-offset:3px}.account-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:.75rem 1rem;border:var(--brand-border);border-radius:var(--brand-radius-control);background:var(--brand-violet);color:var(--brand-on-violet);box-shadow:2px 3px 0 var(--brand-ink);text-decoration:none;font-size:1rem;font-weight:700;line-height:1.3;text-align:center}.account-submit:hover:not(:disabled){background:#602bd8}.account-card :disabled{cursor:default}.account-secondary{display:grid;justify-items:start;gap:.7rem;margin-top:1.55rem;padding-top:1.2rem;border-top:1px solid #ded9e3;color:var(--brand-muted);font-size:.94rem}.account-secondary a{font-weight:650}.account-error,.account-notice{padding:.9rem 1rem;border-radius:var(--brand-radius-control);line-height:1.55}.account-notice{color:var(--brand-ink);background:var(--brand-lavender-surface)}.account-error{color:#802d32;background:var(--brand-coral-surface)}.account-spin{animation:account-spin .85s linear infinite}@keyframes account-spin{to{transform:rotate(1turn)}}.account-art{display:none}@media (min-width:52rem){.account-art{isolation:isolate;position:relative;display:block;overflow:hidden;width:100%;height:clamp(24rem,57vh,39rem);border:1.5px solid var(--brand-ink);border-radius:1.6rem 4.5rem 1.6rem 1.6rem;background:var(--brand-lavender);box-shadow:var(--brand-shadow-hard)}.account-art-signup{background:var(--brand-violet)}.account-portal{position:absolute;width:117%;aspect-ratio:1;left:-8.5%;top:56%;transform:translateY(-50%);border:1px solid #c4b2f0;border-radius:50%;background:radial-gradient(circle,#f2edfc 0 50%,#ded2f7 50% 61%,transparent 61%)}.account-art-signup .account-portal{border-color:#b193f8;background:radial-gradient(circle,#e9e1fc 0 50%,#976ef6 50% 61%,transparent 61%)}.account-art-world{position:absolute;inset:4% 1% 10%;background:50%/contain no-repeat url(/landing/world-cutout-768.webp);background-image:image-set(url("/landing/world-cutout-768.webp") 1x,url("/landing/world-cutout-1280.webp") 2x)}.account-art-trail{position:absolute;bottom:0;left:0;right:0;height:clamp(2.5rem,4vw,3.7rem);border-top:1.5px solid var(--brand-ink);background:var(--brand-lavender) url(/brand/graphics/platform-route-tile.svg) left 54% /10rem auto repeat-x}}@media (max-width:51.999rem){.account-header{min-height:4.5rem}.account-content{display:block;min-height:auto;padding-block:clamp(2.5rem,7vh,5rem)}.account-card{margin-inline:auto;padding:0}}@media (prefers-reduced-motion:reduce){.account-spin{animation:none}}