.account{max-width:460px;margin:70px auto 120px;padding:0 24px}
.account h1{font-size:40px;letter-spacing:-1.8px;margin:0 0 10px}
.account-sub{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 28px}
.account-wait{color:var(--muted);text-align:center}
.account .button{gap:10px}
.account .button.google{width:100%;background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:0 3px 0 #352d2712}
.account .button.google:hover{background:#fffaf2}
.account .button.google svg{width:20px;height:20px}
.account-or{text-align:center;color:var(--muted);font-size:12px;margin:22px 0 14px}
.account-form{display:grid;gap:14px}
.account-form label{display:grid;gap:6px;font-size:12px;font-weight:700}
.account-form input{font:inherit;font-size:15px;font-weight:400;padding:14px 15px;border:1.5px solid var(--line);border-radius:12px;background:#fffdf8;color:var(--ink)}
.account-form input:focus{outline:3px solid #f0c9b9;border-color:var(--orange)}
.account-form .button{margin-top:6px}
.account .text-link{background:none;border:0;padding:0;color:var(--muted)}
.account-forgot{display:block;margin:22px auto 0}
.account-note{border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.7;background:#efe6d8;margin:0 0 18px}
.account-note.bad{background:#f6ddd4;color:#7f2d1b}
.account-note.good{background:#e3ead9;color:#3f5230}
.account-row{display:flex;gap:10px;flex-wrap:wrap}
.account-done{background:#e3ead9;color:#3f5230;border-radius:16px;padding:22px;font-size:18px;font-weight:800;text-align:center;margin:0 0 22px}
.account-move{margin:0 0 22px}
.account-move .account-note{margin:0}
.account-form .account-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:700;line-height:1.6}
.account-check input{margin:4px 0 0;width:18px;height:18px;flex:0 0 auto}
#link-code{font:800 22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:4px;text-transform:uppercase;text-align:center}
.account-cards{display:grid;gap:12px}
.account-cards article{background:#fffbf3;border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:grid;gap:4px}
.account-cards .eyebrow{margin:0 0 4px;color:var(--muted)}
.account-cards strong{font-size:19px}
.account-cards small{color:var(--muted);font-size:12px}
.account-cards .text-link{justify-self:start;margin-top:8px;font-size:12px}
@media(max-width:600px){.account{margin:40px auto 80px}.account h1{font-size:32px}}