.account{grid-template-columns:minmax(360px,5fr) 7fr;min-height:100svh;display:grid}.account__art{background:radial-gradient(circle at 80% 20%, #d0206a4d, transparent 45%), radial-gradient(circle at 20% 95%, #0b7f9652, transparent 50%), var(--ink);color:#fff;flex-direction:column;gap:24px;height:100svh;padding:28px 40px 40px;display:flex;position:sticky;top:0}.account__art-brand{color:#fff;font-size:28px;text-decoration:none}.account__shelf{flex:1;justify-content:center;align-items:flex-end;gap:12px;max-height:360px;margin-top:auto;display:flex}.account__shelf svg:first-child{height:100%;max-height:280px}.account__shelf svg:last-child{width:42%}.account__pitch{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.15}.account__perks{color:#c8d2d9;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.account__perks li:before{content:"✓";color:#ff8fbd;margin-right:10px;font-weight:700}.account__side{grid-template-rows:auto 1fr auto;padding:0 24px;display:grid}.account__top{height:var(--topbar);align-items:center;width:100%;max-width:420px;margin:0 auto;display:flex}.account__home{visibility:hidden;color:var(--ink);text-decoration:none}.account__card{flex-direction:column;align-self:center;gap:16px;width:100%;max-width:420px;margin:0 auto;padding:8px 0 24px;display:flex}.account__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:34px;font-weight:700;line-height:1.15}.account__intro{color:var(--graphite)}.account__note{border-radius:var(--radius);background:var(--paper);color:var(--graphite);padding:10px 12px}.account__form{flex-direction:column;gap:14px;display:flex}.account__field{flex-direction:column;gap:6px;display:flex}.account__label{font-weight:600}.account__input{border:1px solid var(--rule-strong);background:var(--surface);border-radius:6px;height:44px;padding:0 12px}.account__input:hover{border-color:var(--graphite)}.account__input:focus-visible{outline:2px solid var(--magenta);outline-offset:0;border-color:#0000}.account__hint{color:var(--muted);font-size:13px}.account__check{min-height:65px}.account__error{border-left:3px solid var(--danger);color:var(--danger);background:#fbeceb;border-radius:4px;padding:10px 12px}.account__submit{background:var(--magenta);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;height:46px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.account__submit:hover:not(:disabled){background:var(--magenta-deep)}.account__alt{color:var(--graphite);text-align:center}.account__side a:not(.account__submit,.account__home,.social__button),.account__link-button{color:var(--cyan);font-weight:600}.account__link-button{background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.account__done{flex-direction:column;gap:12px;display:flex}.account__foot{color:var(--muted);justify-content:center;gap:10px;padding:24px 0;display:flex}@media (max-width:899px){.account{grid-template-columns:1fr}.account__art{display:none}.account__home{visibility:visible}.account__card{border:1px solid var(--rule);background:var(--surface);border-radius:16px;align-self:start;margin-top:6vh;padding:28px 24px}}@media (max-width:480px){.account__side{padding:0 16px}.account__card{margin-top:2vh;padding:22px 18px}.account__title{font-size:28px}}.social{flex-direction:column;gap:10px;display:flex}.social__button{border-radius:999px;justify-content:center;align-items:center;gap:10px;height:46px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.social__button:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.social__button--google{border:1px solid var(--rule-strong);background:var(--surface);color:#1f1f1f}.social__button--google:hover{border-color:var(--graphite);background:var(--chalk)}.social__button--facebook{color:#fff;background:#1877f2;border:1px solid #1877f2}.social__button--facebook:hover{background:#0f63d0}.social__or{color:var(--muted);align-items:center;gap:12px;margin:4px 0 0;font-size:13px;display:flex}.social__or:before,.social__or:after{content:"";border-top:1px solid var(--rule);flex:1}