*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;background:#f2f6fa;color:#263447;font:14px/1.5 Arial,sans-serif}.account-card{width:100%;max-width:420px;padding:28px;background:#fff;border:1px solid #dce4ec;border-radius:16px;box-shadow:0 8px 32px #1a344b0d}.account-logo{display:block;object-fit:contain;margin:0 auto 16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#64748b;margin:0 0 8px}h1{font-size:25px;line-height:1.2;margin:0 0 10px}p{margin:0 0 16px;color:#52667a}label{display:block;font-weight:600;font-size:13px;margin:12px 0 5px}input:not([type=hidden]){width:100%;padding:10px 12px;min-height:42px;border:1px solid #bccbd9;border-radius:8px;background:#fff;color:#263447;font:inherit}button{width:100%;margin-top:18px;padding:11px 14px;border:0;border-radius:8px;background:#1d4ed8;color:#fff;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}button:hover{background:#1e40af}:is(input,button,a,summary):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.account-link{display:block;margin-top:16px;text-align:center;color:#1d4ed8;font-size:13px}.account-error{padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b}.account-hint{font-size:12px;margin:10px 0 0}details{margin:12px 0;color:#52667a;font-size:13px}summary{cursor:pointer}@media(max-height:600px){body{align-items:start}.account-card{padding:20px}}