/* ── Forms ─────────────────────────────────────────────────
   Input fields, validation states, loading/success states.
───────────────────────────────────────────────────────── */
.inp {
    width: 100%; background: rgba(7,9,15,0.7);
    border: 1px solid rgba(201,168,76,0.18);
    color: var(--text); border-radius: 12px;
    padding: 14px 16px; font-family: 'Heebo', sans-serif;
    font-size: 15px; text-align: right;
    transition: border-color 0.28s, box-shadow 0.28s;
}
.inp:focus { outline: none; border-color: rgba(201,168,76,0.55); box-shadow: 0 0 0 3px rgba(201,168,76,0.1); }
.inp::placeholder { color: rgba(228,232,242,0.25); }

/* Disabled / loading state for submit button */
.btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }