.login-wrap { padding-top: 12vh; }
.login { max-width: 360px; margin: 0 auto; }
.login-mark { display: flex; align-items: baseline; gap: 7px; font: 650 2.75rem/1 var(--serif); letter-spacing: -.025em; margin: 0 0 12px; }
.login-mark .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--red); display: inline-block; }
.login-text { margin: 0 0 24px; font-size: .9375rem; line-height: 1.45; }
.login-form { display: grid; gap: 10px; }
.login-label { font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
.login-input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 1rem; }
.login-input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.login-error { margin: 0; color: var(--red); font-size: .875rem; }