.field-input {
    background: #1a202c;
    border: 1px solid rgba(126, 41, 40, 0.3);
    color: #fe5545;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.field-input::placeholder { color: var(--gray); }
.field-input:focus {
    outline: none;
    border-color: #fe5545;
    box-shadow: 0 0 0 3px rgba(254, 85, 69, 0.15);
}
.error-msg { display: none; }
.error-msg.show { display: flex; }
.btn-login .spinner { display: none; }
.btn-login.loading .btn-text { display: none; }
.btn-login.loading .spinner { display: block; }
.btn-login.loading { opacity: 0.7; cursor: not-allowed; }
.loading-overlay { display: none; }
.loading-overlay.show { display: flex; }
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin 0.8s linear infinite; }