:root { color-scheme: light dark; --фон:#f7f6f3; --пов:#fff; --текст:#15181c; --втор:#4f5862; --линия:#8c949d; --акцент:#0f5c4f; --на:#fff; --ош:#a3281a; }
@media (prefers-color-scheme: dark) { :root { --фон:#0f1114; --пов:#171a1f; --текст:#eef1f4; --втор:#a9b1bb; --линия:#59626d; --акцент:#9fd3c7; --на:#0b1311; --ош:#ff9a8a; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; background: var(--фон); color: var(--текст); font: 17px/1.55 system-ui, -apple-system, 'Segoe UI', sans-serif; padding: 16px; }
main { width: 100%; max-width: 420px; }
.знак { letter-spacing: .18em; font-weight: 600; font-size: 15px; margin: 0 0 32px; }
h1 { font-size: 26px; line-height: 1.2; margin: 0 0 8px; }
p { color: var(--втор); margin: 0 0 20px; }
label { display: block; font-weight: 500; margin-bottom: 6px; }
input { width: 100%; min-height: 50px; padding: 0 14px; font: inherit; border: 1px solid var(--линия); border-radius: 4px; background: var(--пов); color: var(--текст); }
input[aria-invalid="true"] { border: 2px solid var(--ош); }
button { margin-top: 14px; width: 100%; min-height: 50px; border: 0; border-radius: 4px; background: var(--акцент); color: var(--на); font: 600 17px system-ui, sans-serif; cursor: pointer; }
button[disabled] { opacity: .65; }
:focus-visible { outline: 2px solid #c46a1f; outline-offset: 3px; }
.ош { color: var(--ош); min-height: 1.5em; margin: 8px 0 0; }
.мелко { font-size: 14px; margin-top: 28px; }
.ссылка { color: var(--акцент); }