/* =========================================================
   ZSCAPE — Form inputs (login, new thread/reply)
   Builds on styles.css tokens. First form styling in the site — kept generic so the
   forum pages (new thread, reply) can reuse the same classes as the login form.
   ========================================================= */

.form-field { margin-bottom: 18px; text-align: left; }
.form-field label {
    display: block; font-family: 'Cinzel', serif; font-size: .78rem; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px;
}

.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="email"],
.form-field textarea {
    width: 100%; padding: 12px 14px; border-radius: 4px; font-family: 'Inter', sans-serif;
    font-size: .95rem; color: var(--text); background: var(--bg-3);
    border: 1px solid var(--line); transition: border-color .2s ease, box-shadow .2s ease;
}
.form-field input[type="text"]::placeholder,
.form-field input[type="password"]::placeholder,
.form-field textarea::placeholder { color: var(--muted-2); }
.form-field input[type="text"]:focus,
.form-field input[type="password"]:focus,
.form-field input[type="email"]:focus,
.form-field textarea:focus {
    outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(242,166,58,.15);
}
.form-field textarea { resize: vertical; min-height: 140px; line-height: 1.6; }
.form-field .form-hint { color: var(--muted-2); font-size: .8rem; margin-top: 6px; }

.form-error {
    color: #ffb199; background: rgba(255,90,50,.1); border: 1px solid rgba(255,90,50,.35);
    border-radius: 4px; padding: 10px 14px; font-size: .88rem; margin-bottom: 18px;
}

.form-submit { width: 100%; }

.auth-wrap { max-width: 420px; margin: 0 auto 80px; }
.auth-panel { text-align: center; }
.auth-panel:hover { transform: none; box-shadow: inset 0 1px 0 rgba(255,214,128,.06); border-color: var(--line); }
.auth-panel .form { text-align: left; }
.auth-hint { color: var(--muted-2); font-size: .82rem; margin-top: 18px; line-height: 1.6; }