.app-form { display: grid; gap: 18px; }
.login-form { margin-top: 28px; }
.app-field { display: grid; gap: 7px; color: var(--color-text); font-size: .8rem; font-weight: 600; }
.app-field input, .app-field textarea { width: 100%; padding: 0 13px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); outline: none; color: var(--color-text); background: var(--color-surface); transition: border-color var(--transition), box-shadow var(--transition); }
.app-field input { height: 46px; }
.app-field textarea { padding-top: 12px; resize: vertical; line-height: 1.5; }
.app-field input:focus, .app-field textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgb(31 79 70 / 12%); }
.app-form__error { padding: 10px 12px; border-radius: var(--radius-sm); color: var(--color-danger); background: #fef3f2; font-size: .78rem; }