/* auth */
.mk-auth { padding: clamp(48px, 6cqw, 96px) var(--gutter) clamp(56px, 7cqw, 112px); display: flex; justify-content: center; }
.mk-auth-card { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: 24px; }
.mk-auth-head { display: flex; flex-direction: column; gap: 12px; }
.mk-auth-lede { font-size: 17px; line-height: 1.5; color: var(--ink-2); }
.mk-auth-form { display: flex; flex-direction: column; gap: 16px; }
.mk-auth-field { display: flex; flex-direction: column; gap: 6px; }
.mk-auth-label { font-size: 14px; font-weight: 500; }
.mk-auth-hint { font-size: 13px; color: var(--ink-3); }
.mk-auth-form .mk-input { flex: none; width: 100%; }
.mk-auth-form .mk-btn { width: 100%; }
.mk-auth-check { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.mk-auth-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--accent); }
.mk-auth-errors { display: flex; flex-direction: column; gap: 8px; }
.mk-auth-foot { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.mk-auth-foot p { color: var(--ink-2); }
.mk-auth-link { display: flex; align-items: center; min-height: 44px; width: fit-content; }
.mk-auth-aside { padding-top: 20px; border-top: 1px solid var(--rule); font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.mk-auth-resend { padding: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.mk-auth-resend p { font-size: 15px; line-height: 1.5; color: var(--ink-2); }