   .form-field {
            width: 100%;
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            padding: 13px 15px;
            color: #1e293b;
            background: white;
            outline: none;
            transition: border-color 0.2s, box-shadow 0.2s;
        }

        .form-field:focus {
            border-color: #1d4ed8;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
        }

        .form-field.invalid {
            border-color: #dc2626;
        }