/* Вход и личный кабинет. Калькулятор подключает этот же блок входа. */
.auth-gate { min-height: 60vh; display: grid; place-items: center; padding: 32px 16px; }
.login { width: 100%; max-width: 360px; display: grid; gap: 8px; }
.login h1 { font-size: 30px; margin: 0; letter-spacing: -.02em; }
.login p { margin: 0 0 10px; color: var(--ink-2); font-size: 15px; }
.login label, .inline label { font-size: 14px; font-weight: 500; }
.login input, .inline input { font: 400 16px var(--font); padding: 11px 12px; border: 1px solid #c9c4dc; border-radius: 8px; width: 100%; background: var(--frost); color: var(--black); }
.go { display: inline-block; background: var(--go-bg, var(--blue)); color: var(--go-ink, var(--frost)); border: 0; border-radius: 8px; padding: 12px 20px; font: 600 16px var(--font); cursor: pointer; text-decoration: none; }
.go:hover { background: var(--blue-deep); }
.login .go { margin-top: 10px; }
.err { color: var(--bad); font-size: 14px; min-height: 20px; }
.err.ok { color: var(--good); }
.mut { color: var(--ink-2); }

.cab { max-width: 760px; margin: 0 auto; padding: 40px var(--gutter) 80px; }
.cab h1 { font-size: clamp(30px, 5vw, 42px); letter-spacing: -.02em; margin: 0 0 8px; }
.cab section { border-top: 2px solid var(--black); padding: 18px 0 30px; margin-top: 22px; }
.cab h2 { font-size: 22px; margin: 0 0 10px; }
.meter { height: 8px; background: var(--line); border-radius: 4px; overflow: hidden; max-width: 420px; }
.meter i { display: block; height: 100%; background: var(--blue); width: 0; }
.inline { display: grid; gap: 8px; max-width: 420px; margin: 12px 0; }
.inline .go { justify-self: start; }
.reveal { background: #efeafd; border-radius: 8px; padding: 12px 14px; margin: 12px 0; }
.reveal code { display: block; margin-top: 6px; word-break: break-all; font-size: 14px; }
.plain { width: 100%; border-collapse: collapse; font-size: 15px; }
.plain td { border-bottom: 1px solid var(--line); padding: 10px 8px 10px 0; }
.plain button { background: none; border: 1px solid var(--bad); color: var(--bad); border-radius: 6px; padding: 5px 10px; font: 500 14px var(--font); cursor: pointer; }